изображения загружаются перед контентом?

Question

У меня есть веб-сайт, на котором, когда пользователь выполняет запрос, он попадает на страницу результатов с 25 ссылками на изображения размером 200x150 пикселей.Моя проблема в том, что (по крайней мере, на моем компьютере) содержимое не загружается перед изображениями!

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

Я попытался получить доступ к своему веб-сайтуиз прокси-сервера, но результаты отличались: загружались слоты с изображениями, как и верхний и нижний колонтитулы, а также изображения, загружаемые одно за другим, но не препятствуя загрузке другого содержимого!

Даже при этомбыли загружены медленно ...: (*

Эта проблема появляется в Mozilla Firefox и Internet Explorer, но не в Chrome или Opera.
Есть идеи, что может быть причиной этого?
И еще, любыеИдеи идеальной оптимизации для моей конкретной ситуации? Спасибо заранее!

Ура!

Answer 1

Есть идеи, что может быть причиной этого?

Я думаю, мы будем признательны за некоторый код, информацию о Firebug, Скорость страницы Google и т. Д.

Есть идеи, что может быть причиной этого?

Это предположение, но, возможно, очистка буфера рано может помочь

И еще, есть ли идеи идеальной оптимизации для моей конкретной ситуации?

Пост-загрузка ваших изображений (и других ресурсов) с помощью YUI image loader .

Вы можете поближе взглянуть на свою страницу и спросить себя: "Что абсолютно необходимо для того, чтобы визуализировать страницу изначально? ». Остальное содержимого и компонентов можно ждать.

При загрузке javascript вы должны использовать неблокирующий javascript с использованием headjs, например Или просто поместить свой javascript внизу .

Я бы посоветовал вам взглянуть на лучшие практики Yahoo! и Скорость страницы Google , а также

Answer 2

Возможно, это не связано с тем, что Chrome и Opera работают быстрее, но может случиться так, что ваш Сервер все еще пытается получить контент и не завершил обработку HTML, это то, что сделал видео-приложение, которое я написал на PHP прежде чем я это исправил. Хотя, я не уверен, я думаю, что Chrome может сделать несколько запросов к серверу и, таким образом, обрабатывает изображения, ожидая, пока IE и FF будут выполнять одну задачу за раз. Это только моя лучшая догадка.

Если вы действительно беспокоитесь об этом, вы можете создать заставку JavaScript с надписью «Пожалуйста, подождите, пока идет загрузка контента», а затем удалить, как только страница загрузится.

См. http://rainbow.arch.scriptmania.com/scripts/preload_wait.html, если это то, что вы хотите сделать.