Как ускорить загрузку сайта: изображения, кеш, скрипты и хостинг

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

Диагностика

Прежде чем что-то менять, измерьте:

• PageSpeed Insights — лабораторные и полевые данные для конкретной страницы
• отчёт Core Web Vitals в Search Console — данные реальных пользователей по группам страниц
• инструменты разработчика в браузере — вкладка сети показывает, какие файлы грузятся и сколько весят

Проверяйте не только главную, но и ключевые шаблоны: страницу услуги, категорию, карточку товара, статью.

Основные метрики

• LCP — время отрисовки самого крупного элемента первого экрана
• INP — отзывчивость на действия пользователя
• CLS — сдвиги элементов при загрузке

Они дают понимание, что именно медленно: загрузка, реакция или стабильность.

1. Изображения

Самая частая причина медленной загрузки.

• сжимайте изображения перед загрузкой на сайт
• используйте современные форматы, например WebP или AVIF
• загружайте изображения нужного размера, а не огромные с уменьшением в браузере
• включите ленивую загрузку для изображений ниже первого экрана
• задавайте размеры изображений, чтобы избежать сдвигов

2. Кеширование

• кеширование в браузере для статических файлов: стили, скрипты, изображения
• серверное кеширование страниц для CMS
• кеширование на уровне CDN

3. Сжатие

Включите сжатие текстовых файлов на сервере — gzip или brotli. Это уменьшает объём передаваемых данных.

4. Скрипты

• удалите скрипты, которые не используются
• загружайте некритичные скрипты отложенно
• пересмотрите сторонние виджеты: чаты, счётчики, пиксели, соцсети — каждый добавляет нагрузку
• не загружайте тяжёлые библиотеки ради одной функции

5. Стили

• удалите неиспользуемые стили
• критичные стили для первого экрана можно встроить в страницу
• объедините и сожмите файлы стилей

6. Шрифты

• используйте только нужные начертания
• загружайте шрифты в современном формате
• настройте отображение текста до загрузки шрифта

7. Видео

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

8. Хостинг и сервер

• время ответа сервера должно быть небольшим
• сервер, расположенный ближе к пользователям, или CDN
• актуальные версии программного обеспечения: PHP, Node.js и других
• достаточные ресурсы для нагрузки

Для сайтов, ориентированных на Узбекистан, имеет смысл проверить скорость именно из региона.

9. CMS и плагины

На WordPress, Битрикс и других CMS много плагинов и модулей замедляют сайт. Отключите ненужные, используйте плагины кеширования и оптимизации.

Порядок работ

1. Измерить ключевые страницы
2. Оптимизировать изображения
3. Включить кеширование и сжатие
4. Убрать лишние скрипты и виджеты
5. Оптимизировать шрифты
6. Проверить хостинг
7. Повторить измерения

Пример

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

Итог

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