Время загрузки веб-страницы

Question

Я пытаюсь решить много проблем со временем загрузки моей веб-страницы:

www.alvaromillan.es.

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

Пожалуйста, может кто-нибудь из вас поможет мне ??

Answer 1

Я быстро взглянул на страницу, используя только инструменты разработчика Chrome, и, хотя YSlow предлагает несколько вещей, которые вы можете сделать, я думаю, что наибольшую выгоду получит оптимизация и ускорение ваших изображений. 131 из 156 запросов на вашей странице для изображений. Это много изображений, и многие из них довольно маленькие. Также многие изображения кажутся довольно большими в байтах для их размера. Вот что я бы сделал:

1. Объедините изображения, используя несколько листов спрайтов, по 50–100 тыс. На лист.
2. Используйте формат PNG.
3. Квантовать листы спрайтов до 8 бит PNG. Я предполагаю, что при этом вы не испытаете ощутимой потери качества. Для этого вы можете использовать что-то вроде pngquant .
4. Используйте что-то вроде optipng , чтобы применить сжатие без потерь к квантованному изображению.

Я думаю, что это приведет к значительным улучшениям.

Как говорит Скаффман, запустите yslow и / или google тест скорости страницы для более подробных предложений. Мне также нравится использовать webpagetest.org, который предоставляет отличные метрики для оптимизации страниц.

Answer 2

Хорошо, вот несколько быстрых начальных мыслей ...

Очистите страницу после заголовка, чтобы браузер мог начать загрузку этих ресурсов раньше.

Удалите iframe

jquery загружается дважды - один раз напрямую и один раз через google.load

Можете ли вы отложить загрузку JavaScript на более поздний срок, например, поместить его внизу страницы или загрузить его асинхронно?

Вместо предварительной загрузки изображений для слайд-шоу - почему бы не загружать их по требованию при щелчке по ним или загружать их лениво после завершения загрузки страницы?

Также вы действительно хотите, чтобы IE эмулировал IE6 ???

Answer 3

Попробуйте плагин YSlow Firefox. Он проанализирует время загрузки вашего сайта и посоветует вам, как его исправить.