Способы ускорить загрузку сайта
Скорость загрузки сайта сказывается на многих показателях, начиная от количество отказов и заканчивая позициями в поисковой выдаче, а радикальные проблемы с загрузками страниц по 8-10 секунд отбивают всякое желание взаимодействовать с сайтом. Сегодня мы рассмотри способы ускорить загрузку сайта, как с серверной части, так и с точки зрения верстки.
Kirill Lipovoy
От чего зависит скорость работы сайта?
Скорость работы сайта складывается из взаимодействия устройства посетителя и сервера на котором находиться сайт. До полной загрузки страницы это взаимодействие проходит ряд этапов. Рассмотрим этот процесс, чтобы в дальнейшем разбить на смысловые этапы оптимизации скорость загрузки сайта:
- Посетитель переходит по ссылки или вбивает адрес сайта;
- Его устройство производит DNS-запрос по имени сайта;
- Подключается к серверу по IP;
- Установливает соединения по HTTP (или HTTPS);
- Запрашивает по URL HTML разметку страницы и ожидает ответа сервиса;
- Загружает HTML;
- Браузер посетителя разбирает структуру HTML документа и устанавливает очередность загрузки дополнительных файлов;
- Загружает CSS-стили и JS скрипты;
- Начинает рендерить страницу и выполняет JS-кода;
- Загружает шрифты, изображения и другие элементы;
- Заканчивает рендер страницы.
Способы ускорить загрузку сайта деляться на серверные (второй — пятый пункт) и клиентские (с шестого до одиннадцатого) .
Как измерить скорость сайта?
Для того, чтобы получить полноценную информацию о скорости загрузки сайта. Необходимо знать не только конечное время загрузки сайта, но и скорость работы всех этапов. Для этого нам поможет сервис 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 документа. Например, использование слишком тяжелых шрифтов или скриптов.