Master-X
Форум | Новости | Статьи
Главная » Форум » Программинг, Скрипты, Софт, Сервисы » 
Тема: Тумбы грузятся быстрее дизайна
цитата
06/11/10 в 02:23
 zzznet
Сабж, слышал что можно как то решить эту проблему на уровне кода (картинку хедера жать дальше некуда). Кто что знает об этом?
цитата
06/11/10 в 08:25
 Yacc
Браузер начнёт грузить header.jpg из конструкции

<div style="background-image:url('header.jpg')"></div>

после того как загрузит всю страницу. Возможно какой-то ява-скрипт тормозит процесс.

Сделай тест: http://tools.pingdom.com/
цитата
06/11/10 в 11:09
 FXIX
может у тебя в дизайне таблиц дохуя и не прописан cols. пока не прогрузит содержимое таблиц - не показывает саму таблицу. может таблица с тумбами "легче" чем таблицы остального дизайна
цитата
06/11/10 в 12:14
 Vyacheslav
Если сидж, то тумбы важнее.. Пусть лучше будут первыми.
Бывало, что поправишь этот момент и прода падает!
цитата
06/11/10 в 12:26
 zzznet
да сидж, все на дивах, никаких ява-скриптов...
Vyacheslav: - тоже думал об этом... главное ведь контент
но вид портит icon_smile.gif
видимо в следующий раз буду делать хедер совсем уж мелким...
всем плюсанул
цитата
06/11/10 в 20:50
 Petek
ну можно картинки для диза поместить в div сразу после открытия <body> и сделать этот див display:none, или применить display:none сразу к картинке дизайна, которую вставить в начало документа до тумб
цитата
06/11/10 в 21:55
 Yacc
zzznet писал:
да сидж, все на дивах, никаких ява-скриптов...

Можно и без скриптов - дивов достаточно. smail101.gif

Фоновые изображения начнут загружаться и рисоваться только после того как браузер загрузит всю страницу. Даже без скриптов к тому времени часть страницы уже будет отрисована и тумбы сделанные через HTML поставлены в очередь на загрузку. Хедер сделанныйй через CSS будет добавлен в конец этой очереди. Так как это сидж, то очередь может быть большая. icon_smile.gif

Мораль: не делай хедер фоновой картинкой и он будет первым в очереди на загрузку.
цитата
07/11/10 в 23:57
 zzznet
Yacc: Ясно, спасибо что тыкнул носом в то что было рядом smail54.gif


Эта страница в полной версии