Верстка макета "Кинорулетка"

[Kronus]

Я смотрел твои работы, не думаю, что будет сложно. У тебя самописные скрипты на js, а я вообще его не знаю, только jquery, да и то постольку-поскольку. Там только стили изменить и инструкцию по настройке прочитать.

[advokatua]

а он даже больше той обычной фоновой весил в два раза. В общем дилемма, между красотой кода и скоростью загрузки.

Так в этом и вся загвоздка, влепить пнг прозрачный на 1МБ любой сможет )

Как вариант, еще можно так сделать http://webdevelop.zz...etka/index.html

И я один что ли делал боковой дизайнерский скролл?

В хроме открой, или ИЕ, он там есть. Вот что точно, так я один сделал блоки через внутреннюю тень, включая ухи слайдера. Если не прав, удивите кто-нибудь?

Еще, не заметил чтобы кто-то сделал всплывающие фотки для имен актеров.

Для фаерфокса надо со скриптами совокупляться, чего я не захотел делать.

Edited October 17, 2013 by advokatua

[Zverushka]

Какой jpg) Вставляй Png - у меня вот 300 кб не превышает. И его все равно надо растягивать, чтобы перехода не было видно, если я не памятую.

[Zverushka]

Я смотрел твои работы, не думаю, что будет сложно. У тебя самописные скрипты на js, а я вообще его не знаю, только jquery, да и то постольку-поскольку. Там только стили изменить и инструкцию по настройке прочитать.

Как раз js я почти не знаю (да и это достаточно сложно, почти все нужные функции не кроссбраузерные), мне проблема даже массив данных создать. Все на jquery делаю.

[advokatua]

Про важность скорости загрузки сайта.

(Кто-то упрекал меня, что при нынешнем инете лишние килобайты это ерунда)

Читаю книжку по CSS. Там абзац:

В марте 2010 года создатели

Google ввели систему поощрений для страниц с высокой скоростью загрузки: теперь

быстро загружающиеся веб-сайты оказываются в списке результатов поиска чуть

выше, чем их медленные конкуренты.

Edited October 18, 2013 by advokatua

[Zverushka]

Мне кажется эта скорость загрузки прежде всего базируется на скорости генерации страницы и ответов от серверов, а это прежде всего не размер одной картинки (при огромной ширине канала поисковых машин гугла), а скорее здесь влияет множество мелких картинок, отдельных файлов, скачивание которых вызывает отдельные соединения с сервером.

Кстати смотри, моя верстка твою по загрузке обгоняет) Но у меня и скриптов меньше (я тогда не знала, что такое лайтбокс) , хз в общем)...

http://developers.go....zz.mu/ruletka/

http://developers.go...etka/index.html

Edited October 18, 2013 by Zverushka

[advokatua]

Хм, интересный сайт,

твой сайт 74/100

мой 69/100

Меньше значит хуже или наоборот? ))

Что тогда означает 100?

Ну и разница никакая т.к. я для оптимизации только пару картинок в спрайты нарезал и все.

К тому же в папке с картинками у меня есть допольнительно +1 большая, +2 картинки актеров, и +3 (вместо 5) картинок в слайдере.

Т.е. очевидно запросов всяко больше твоих.

Сейчас поем и буквально за пол часа могу наставить фишечек и думаю легко обгоню. )

Edited October 18, 2013 by advokatua

[advokatua]

Пожать CSS, не плодить непрозрачные картинки в PNG и результат:

1 строчка кода и еще капельку быстрее

Не мог понять почему в ИЕ8 все выглядит как груда мусора, оказалось что разметка хтмл5 там не респектуется.

Заменил section article и т.д. на обычные дивы, все отлично заработало.

Выходит, чем быстрее все переейдут на хтмл5 разметку тем быстрее мы забудем об ИЕ8 и ниже.

Edited October 18, 2013 by advokatua

[SelenIT]

оказалось что разметка хтмл5 там не респектуется.

Без хорошего JS-пинка типа html5shim или банальной стопки document.createElement(...). Который, к сожалению, формально считается «блокирующим ресурсом».

[Kronus]

Без хорошего JS-пинка типа html5shim

Во-во! У меня эта верстка в 8 осле тоже шаталась, пришлось прикручивать костыли. В общем, лишняя нагрузка в десятки килобайт кода только ради одного браузера. Впрочем, если заказчик так захочет, то пусть будет, его дело.

[Zverushka]

Не 10ки кбайт, а 2,5 кбайта кода. Всегда прикручено по умолчанию)....

Вставь вместо мелких изображений base64 код - вообще летать начнет, небось .

Edited October 18, 2013 by Zverushka