Web-Inside24

Оптимизация скорости загрузки сайта Google PageSpeed Insights 97 из 100.

Оптимизация скорости загрузки сайта Google PageSpeed Insights 97 из 100.
Евгений Мирошниченко
Автор:

449

Поделиться с друзьями

В данной статье мы поговорим как оптимизировать скорость загрузки сайта, чтобы улучшить позиции в Яндексе и Google и довольно противоречивом сервисе от Google "PageSpeed Insights".

Вступление

Скорость загрузки сайта, как по мне, одна из базовых основ хорошего продукта, которая состоит из множества критерий. PageSpeed Insights не является панацеей или залогом качества сайта ибо он не сервис для измерения скорости сайта, он отображает только самые распространенные проблемы и является слишком поверхностным, показывающий возможные точки приложения усилий для оптимизации скорости загрузки страницы.

Скорость загрузки влияет на позиции сайта в Яндексе и Google?

В 2010 Google заявил, что скорость загрузки сайта является фактором ранжирования в поисковой выдаче.

Яндекс же никаких официальных заявлений не делал, однако в справке для вебмастеров есть следующее замечание: "Выбирая хостинг для сайта, следует учитывать скорость доступа и наработку на отказ. Старайтесь использовать тот хостинг, который обеспечит наилучшую скорость доступа к сайту и наименьшее время, в течение которого сайт может быть недоступен из-за технических неполадок."

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

Как повысить скорость загрузки сайта?

Сократить http-запросы подразумевает сокращение запросов от браузера к серверу.

Объединяйте множество файлов CSS и JS – если у вас их естественно очень много!

Используйте кеш браузера. Включите сжатие.

В .htaccess(он в корне вашего сайта) достаточно добавить следующий код:

<IfModule deflate_module>
    AddOutputFilterByType\
     DEFLATE\
      application/javascript\
      text/css\
      text/html\
      text/javascript\
      text/plain\
      text/xml
</IfModule>
<IfModule mod_expires.c>
	<filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">
	ExpiresActive on
	ExpiresDefault "access plus 1 month"
	</filesmatch>
</IfModule>

Чтоб все работало на сервере должны быть включены модули Апача deflate (сжатие) и expires (кеш). Если это не так, то придется написать в техподдержку хостера.

Оптимизация изображений:

  • Старайтесь максимально сжимать изображения без потери качества. Помочь в этом могут некоторые программы: FileOptimizer, PUNYpng и т.д;
  • Старайтесь использовать формат JPG вместо PNG;
  • Не злоупотребляйте изображениями PNG c прозрачностью.

Сжимайте CSS и JS:

Вариантов много, но я бы рекомендовал с помощью специальных программ OnlineJavascriptCompressionTool и OnlineJavaScript/CSS Compression.

Используйте g-zip сжатие

Сжимать можно на лету (файл сжимается в момент запроса) или хранить на сервере уже заархивированные файлы. Надо сказать, что если у сайта большой трафик, сжатие на лету может дать дополнительную нагрузку на сервер.

Google PageSpeed 100% нереален

 Google PageSpeed 100% нереален

Что же нам мешает? Да все просто:

  • Невозможность повлиять на сторонние ресурсы. Примеру: Яндекс-метрику и Google Analytics;
  • Загрузка CSS-файлов только в начале страницы (HEAD).
Максимум, что мне удавалось достичь в PageSpeed Insights для рабочего сайта.

Для мобильных устройств: 91%;

 PageSpeed для мобильных устройств

Для компьютеров 97%

 PageSpeed для мобильных устройств

Выводы

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

Общий бал: 5Проголосовало: 22