Каждая лишняя секунда загрузки отнимает у вас клиентов. По данным исследований, задержка в 1 секунду снижает конверсию на 7%, а если сайт грузится дольше 3 секунд — больше половины посетителей просто уходят. При этом Яндекс и Google учитывают скорость при ранжировании: медленные сайты проигрывают быстрым при прочих равных условиях.
Хорошая новость — большинство проблем со скоростью решаются за несколько часов, а некоторые за минуты. Вот 15 конкретных способов ускорить ваш сайт, от самых простых до продвинутых.
1. Оптимизируйте изображения
Это первое, что нужно сделать, потому что изображения — главная причина медленной загрузки на 80% сайтов. Фотография весом 3–5 МБ, загруженная «как есть» с фотоаппарата, может добавить несколько секунд к загрузке страницы.
Что делать: сожмите все изображения через сервис TinyPNG или Squoosh. Переведите их в формат WebP — он на 25–35% легче JPEG при том же качестве. Задайте точные размеры: если на странице картинка отображается шириной 800 пикселей, не загружайте оригинал на 4000 пикселей.
2. Включите ленивую загрузку изображений
По умолчанию браузер скачивает все изображения на странице сразу, даже те, которые находятся внизу и пока не видны пользователю. Ленивая загрузка (lazy loading) говорит браузеру: «Загружай картинку только когда пользователь до неё долистает».
Как сделать: добавьте атрибут loading="lazy" к тегам img. В WordPress это работает по умолчанию с версии 5.5. На Тильде включается в настройках сайта.
3. Включите сжатие на сервере
Gzip и Brotli — это алгоритмы сжатия, которые уменьшают размер передаваемых файлов на 60–80%. Браузер получает сжатый файл и распаковывает его мгновенно. Пользователь разницы не замечает, а скорость загрузки вырастает заметно.
Как проверить: откройте свой сайт, нажмите F12, вкладка Network, посмотрите заголовок Content-Encoding в ответе сервера. Если там нет gzip или br — сжатие не включено. Включается одной строкой в настройках nginx или Apache, или через панель хостинга.
4. Настройте кеширование браузера
Когда пользователь заходит на ваш сайт повторно, браузер может использовать файлы, загруженные в прошлый раз, вместо того чтобы качать всё заново. Для этого нужно указать серверу, какие файлы можно кешировать и на какой срок.
Статичные ресурсы — логотип, шрифты, стили, скрипты — можно кешировать на месяц и дольше. При повторных визитах сайт будет открываться почти мгновенно.
5. Минифицируйте CSS и JavaScript
Минификация — это удаление из кода пробелов, переносов строк и комментариев. Файл остаётся функционально идентичным, но становится в 2–3 раза легче. Большинство сборщиков (Webpack, Vite) делают это автоматически. В WordPress есть плагины Autoptimize и WP-Optimize, которые минифицируют файлы одной галочкой.
6. Объедините CSS и JS файлы
Каждый файл — это отдельный запрос к серверу. Если на вашей странице подключено 15 файлов CSS и 20 файлов JavaScript, браузер делает 35 запросов только на скрипты и стили. Объединение этих файлов в один-два уменьшает количество запросов и ускоряет загрузку.
7. Уберите лишние скрипты и плагины
Проведите ревизию: сколько внешних виджетов, счётчиков и плагинов подключено к сайту? Каждый из них добавляет запросы и вес. Часто на сайтах висят чаты, которые никто не читает, кнопки соцсетей, на которые никто не нажимает, и счётчики аналитики, в которые никто не заглядывает.
Оставьте только то, что реально используете. Один виджет онлайн-чата может добавлять 2–3 секунды к загрузке.
8. Используйте CDN
CDN (Content Delivery Network) — это сеть серверов по всему миру, которая хранит копии вашего сайта. Пользователь получает файлы с ближайшего сервера, а не с одного центрального. Для сайтов с аудиторией по всей России CDN может ускорить загрузку на 30–50%.
Популярные CDN: Cloudflare (есть бесплатный план), KeyCDN, StackPath.
9. Обновите хостинг
Если ваш сайт живёт на дешёвом shared-хостинге за 200 рублей в месяц, который вы купили на старте, — возможно, это главная причина медленной работы. Время ответа сервера на shared-хостинге может достигать 1–2 секунд, тогда как на хорошем VPS — 50–100 миллисекунд.
Переезд на VPS или на хостинг, оптимизированный под вашу CMS, может ускорить сайт в 3–5 раз без каких-либо изменений в коде.
10. Оптимизируйте шрифты
Подключённые веб-шрифты (Google Fonts, кастомные шрифты) могут весить 200–500 КБ и блокировать отрисовку текста. Пока шрифт не загрузился, пользователь видит пустую страницу или мигающий текст.
Что делать: используйте font-display: swap (текст показывается сразу системным шрифтом, а кастомный подгружается фоном), ограничьте количество шрифтов до 2–3, подключайте только нужные начертания (не все 12 вариантов), размещайте файлы шрифтов на своём сервере, а не грузите с Google Fonts.
11. Отложите загрузку некритичных скриптов
Не все скрипты нужны для первоначальной отрисовки страницы. Аналитика, чаты, рекламные пиксели — всё это можно загрузить после того, как основной контент уже показан пользователю.
Используйте атрибуты defer и async для тегов script. Defer загружает скрипт параллельно с HTML, но выполняет после отрисовки. Async загружает и выполняет параллельно.
12. Оптимизируйте базу данных
Для сайтов на WordPress, Битрикс и других CMS: база данных со временем накапливает мусор — ревизии записей, спам-комментарии, данные удалённых плагинов. Это замедляет запросы к базе и, как следствие, генерацию страниц.
В WordPress плагин WP-Optimize чистит базу в один клик. Делайте это раз в месяц.
13. Используйте HTTP/2 или HTTP/3
Современные протоколы передачи данных умеют загружать несколько файлов одновременно через одно соединение. Если ваш сервер до сих пор работает по HTTP/1.1, переход на HTTP/2 даст заметное ускорение — особенно на страницах с большим количеством ресурсов.
Большинство современных хостингов поддерживают HTTP/2 по умолчанию. Проверить можно через инструменты разработчика в браузере (вкладка Network, колонка Protocol).
14. Настройте предзагрузку критичных ресурсов
Тег link rel="preload" говорит браузеру: «Этот ресурс понадобится скоро, начни загружать его заранее». Это полезно для шрифтов, основного CSS-файла и изображения на первом экране (hero image).
Не злоупотребляйте — предзагрузка 2–3 ключевых ресурсов достаточно. Если предзагрузить всё подряд, эффект будет обратным.
15. Оптимизируйте критический CSS
Критический CSS — это стили, необходимые для отрисовки первого экрана. Если вынести их в отдельный inline-блок в head страницы, а остальные стили загрузить асинхронно — пользователь увидит контент на 0.5–1 секунду быстрее.
Инструменты: Critical CSS Generator, Penthouse. В WordPress плагин Autoptimize умеет извлекать и встраивать критический CSS автоматически.
Что делать в первую очередь
Не пытайтесь внедрить все 15 способов за один день. Начните с трёх, которые дают максимальный эффект при минимальных усилиях:
- Оптимизируйте изображения (способ №1) — часто это 50% всей проблемы
- Включите сжатие на сервере (способ №3) — одна строка в конфиге
- Настройте кеширование (способ №4) — повторные визиты будут мгновенными
А чтобы понять, что именно тормозит ваш сайт и с чего начать, проверьте скорость загрузки бесплатно. Наш сервис не просто покажет цифры — ИИ объяснит простым языком, какие проблемы нашёл и что исправить в первую очередь.
