Как ускорить сайт: оптимизация скорости загрузки

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

Сначала замерьте

Без цифр оптимизация превращается в гадание. Прогоните сайт через PageSpeed Insights от Google и через раздел «Скорость» в Яндекс Вебмастере. Оба сервиса покажут не только общий балл, но и конкретные проблемы: тяжёлые изображения, лишний JavaScript, медленный ответ сервера. Запишите исходные значения, чтобы потом было с чем сравнивать.

Отдельно посмотрите на показатель Time to First Byte — время ответа сервера. Если он большой, дело может быть в хостинге, и никакая оптимизация картинок тут не поможет.

Изображения — главный пожиратель веса

На типичном сайте именно картинки занимают большую часть веса страницы. Фотография с телефона легко весит 4–5 мегабайт, хотя для веба хватило бы 200–300 килобайт.

Что делать:

• сжимайте изображения перед загрузкой через Squoosh или TinyPNG;
• переводите фото в современный формат WebP, он легче JPEG при том же качестве;
• задавайте картинкам атрибут loading="lazy", чтобы они подгружались по мере прокрутки.

В WordPress всё это закрывает один плагин вроде Imagify или ShortPixel. На конструкторах сжатие обычно встроено.

Кэширование и сжатие

Кэш позволяет не собирать страницу заново при каждом заходе. Для WordPress подойдут WP Super Cache или LiteSpeed Cache, последний особенно хорош, если хостер использует веб-сервер LiteSpeed (его предлагают Beget и Timeweb).

На уровне сервера включите gzip или Brotli — это сжатие текстовых файлов перед отправкой браузеру. У большинства хостеров оно активируется в панели управления одним переключателем или уже работает по умолчанию.

Хостинг и расстояние до сервера

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

Сам тариф тоже имеет значение. На перегруженном виртуальном хостинге сайт тормозит из-за соседей по серверу. Если проект вырос, есть смысл посмотреть на VPS у Timeweb, Reg.ru или Selectel, где ресурсы выделены вам одному.

Лишние скрипты и шрифты

Каждый подключённый виджет, счётчик и сторонний скрипт добавляет запросы и замедляет загрузку. Проверьте, всё ли реально используется. Чаты, которые никто не открывает, и три системы аналитики вместо одной — частая причина тормозов.

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

После каждого изменения возвращайтесь к замерам. Иногда плагин кэширования конфликтует с темой, и вместо ускорения вы получаете сломанную вёрстку. Двигайтесь маленькими шагами, проверяя результат, и не стремитесь к ста баллам любой ценой — посетителю важна реальная отзывчивость, а не красивая цифра в отчёте.