Идеи по улучшению скорости загрузки сайта?


22

Есть ли способы, которыми я могу улучшить скорость загрузки сайта?

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

Ответы:


23
  1. Советы Yahoo по улучшению скорости страницы
  2. Советы Google по улучшению скорости страницы
  3. Если вы используете PHP, советы Google по ускорению PHP

Вот базовый список из дополнения Google Page Speed (здесь YSlow от Yahoo ):

  • Используйте кеширование в браузере
  • Укажите размеры изображения
  • Избегайте CSS @import
  • Избегайте плохих запросов
  • Объедините изображения в спрайты CSS
  • Отложите разбор JavaScript
  • Включить Keep-Alive
  • Включить сжатие
  • Inline Small CSS
  • Встроенный маленький JavaScript
  • Сделать перенаправления целевой страницы кешируемыми
  • Минимизировать CSS
  • Сократить HTML
  • Сократить JavaScript
  • Минимизировать перенаправления
  • Минимизировать размер запроса
  • Оптимизировать изображения
  • Оптимизировать порядок стилей и скриптов
  • Предпочитаю асинхронные ресурсы
  • Поместите CSS в заголовок документа
  • Удалить строки запроса из статических ресурсов
  • Служить ресурсам по согласованному URL
  • Служить масштабированным изображениям
  • Укажите заголовок Vary: Accept-Encoding
  • Укажите валидатор кеша
  • Укажите набор символов
  • Отложить загрузку JavaScript
  • Удалить неиспользуемый CSS
  • Используйте эффективные селекторы CSS

Я настоятельно рекомендую использовать надстройки скорости страниц Google или Yahoo для проверки ваших страниц. Это быстро и легко сделать, и предлагает четкое руководство о том, как повысить скорость вашей страницы.

Обновить

Как рекомендовано Ником в комментариях, здесь есть еще несколько хороших ресурсов и информации:

обновление 2

Вот хорошая статистика, которая показывает, почему скорость страницы важна ( источник )


2
+1 Также стоит упомянуть советы Стива Соудера здесь: stevesouders.com/hpws/rules.php и его книгу здесь: stevesouders.com/blog/2009/04/23/even-faster-web-sites Это были ссылки в Facebook когда они впервые оптимизировали свой сайт: facebook.com/note.php?note_id=307069903919
Ник

У меня есть чувство, что что-то в моем заголовке заставляет сайт пыхтеть!
Роб

Я не уверен, что мне нравится этот ответ, так как он не описывает, как сделать быстрый сайт, только то, с чем можно поработать, чтобы получить его быстрее. Это немного похоже на высказывание «добавить спойлер на автомобиль» - что может сделать каждый - но вы должны понимать общие принципы аэродинамики, чтобы это имело смысл и, следовательно, было сделано правильно.
ʍǝɥʇɐɯ

@Matthew, надстройки и страницы Google и Yahoo описывают, почему эти оптимизации помогают. Информативно, а также полезно.
Джон Конде

Только что получил оценку 89/100 для проверки скорости Google, довольно неплохо, учитывая, что я не пытался оптимизировать скорость.
Роб

1

Попробуйте CloudFlare http://www.cloudflare.com/plans

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.