Способы ускорить загрузку сайта

Способы ускорить загрузку сайта

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

От чего зависит скорость работы сайта?

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

  1. Посетитель переходит по ссылки или вбивает адрес сайта;
  2. Его устройство производит DNS-запрос по имени сайта;
  3. Подключается к серверу по IP;
  4. Установливает соединения по HTTP (или HTTPS);
  5. Запрашивает по URL HTML разметку страницы и ожидает ответа сервиса;
  6. Загружает HTML;
  7. Браузер посетителя разбирает структуру HTML документа и устанавливает очередность загрузки дополнительных файлов;
  8. Загружает CSS-стили и JS скрипты;
  9. Начинает рендерить страницу и выполняет JS-кода;
  10. Загружает шрифты, изображения и другие элементы;
  11. Заканчивает рендер страницы.

Способы ускорить загрузку сайта деляться на серверные (второй — пятый пункт) и клиентские (с шестого до одиннадцатого) .

Как измерить скорость сайта?

Для того, чтобы получить полноценную информацию о скорости загрузки сайта. Необходимо знать не только конечное время загрузки сайта, но и скорость работы всех этапов. Для этого нам поможет сервис www.webpagetest.org, отслеживающий различные параметры и загружающий сайт на реальных браузерах. Нас будет интересовать следующая информация:

  • time to first byte — время до получения первого байта (серверная составляющая);
  • start render, first paint — начало отрисовки страницы;
  • load time — время полной отрисовки.

Хорошим временем будет: 1  секунда до старта рендера, 2-3 секунды — полная отрисовка страницы, если у вашего сайта тесты показали худшие результаты, то рассмотрим способы ускорить загрузку сайта.

Способы ускорить загрузку сайта — серверная оптимизация

  • Хостинг. Сайту может не хвать текущей мощности хостинга, для ускорения работы сайта нужно перейти на более быстрый хостинг.
  • Оптимизация CMS и программного кода. Оптимизируйте систему управления контентом сайта, отключите лишнее плагины, найдите проблемные зоны в формировании HTML разметки.
  • Серверное кэширование. Кэшируйте тяжелые элементы сайта и обновляйте их при необходимости.

Способы ускорить загрузку сайта — клиенсткая оптимизация

  • Оптимизация рендеринга. Отслеживайте все ресурсы необходимые сайту для загрузки страницы. Следите за скорость серверов с расположением необходимых файлов, по возможности перенесите все на один сервер.
  • Оптимизируйте JS  скрипты. Одновременно с рендером загружайте только необходимые скрипты, остальные перенесите на время после полной загрузки страницы.
  • Оптимизируйте изображения. Изображения перетягивают на себя основную составляющую веса сайта, уменьшайте их размер. Используйте формат PNG  — для изображений с прозрачностью, JPG  — для сложный изображений, SVG  — для векторной графики.

Измеряем результат

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