Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Оптимизация скорости загрузки фоновых изображений

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
maksmib
Отправлено: 29 Января, 2013 - 00:18:58
Post Id



Гость


Покинул форум
Сообщений всего: 92
Дата рег-ции: Дек. 2009  


Помог: 0 раз(а)




Всем доброго дня.
Есть такая проблема. Есть простенькая страничка на сайте, на которой отображается инфо о некой команде. Фото участника и краткое инфо. Сделано все табличками и фото участника является фоном таблички.

И вот проблема в том, что фоновое изображение долго грузится, около 400ms (в итоге имеем 900ms +/-), хотя при этом оно достаточно маленького размера 50Кб +/-. И если в хроме загрузка картинки происходит более или менее плавно, то в ФФ торчит белый экран в месте картинки до тех пор, пока она не будет полностью загружена.

Табличка описана так:
CODE (html):
скопировать код в буфер обмена
  1. <table width="945" cellspacing="0" cellpadding="0" border="0" background="../images/team/Justin.jpg" align="center" height="419">...


При загрузке имеем такую картину:



Посоветуйте пожалуйста, как можно оптимизировать эти странички?
 
 Top
DeepVarvar Супермодератор
Отправлено: 29 Января, 2013 - 00:24:09
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)




Правильно. Для табличной верстки это верно. Пока не загрузится вся таблица - будет белый экран.
Решение - переверстать на дивы.
 
 Top
maksmib
Отправлено: 29 Января, 2013 - 00:29:27
Post Id



Гость


Покинул форум
Сообщений всего: 92
Дата рег-ции: Дек. 2009  


Помог: 0 раз(а)




DeepVarvar пишет:
Правильно. Для табличной верстки это верно. Пока не загрузится вся таблица - будет белый экран.
Решение - переверстать на дивы.


Спасибо за совет. А совсем никак без этого? Хотелось бы минимальных изменений, т.к. все, в т.ч. и вестка не мое. Я роде бы где-то читал, что сейчас таблички достаточно красиво рендерятся в сравнении с тем, что было еще лет 5 назад.
 
 Top
DeepVarvar Супермодератор
Отправлено: 29 Января, 2013 - 00:58:05
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)




Проверьте как быстро отдается только картинка по прямой ссылке. Может это апач "шалит" со статикой. И если скорость отдачи картинки высока по сравнению с тем что происходит в табличке, то поможет только переверстка.
 
 Top
Zuldek
Отправлено: 29 Января, 2013 - 07:43:10
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)




Решение было озвучено: ставьте на блоки+слои.
+ Рассмотрите целесообразность использования асинхронной загрузки картинок для этого случая.
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB