Как ускорить сайт: 20 действий, которые реально дают результат

Короткий ответ: чтобы ускорить сайт, сначала измерьте, что именно его тормозит, и только потом исправляйте. На типичном сайте малого бизнеса самый большой выигрыш дают четыре вещи: сжатые изображения правильного размера, отложенные сторонние скрипты (чаты, пиксели, виджеты), 2–3 шрифта вместо 6–8 и кеширование страниц. Эти действия занимают от нескольких часов до 2–3 дней работы; переезд на другой хостинг или платформу оправдан, когда простые резервы исчерпаны.

Ниже — 20 действий, выстроенных от самых простых к самым глубоким, с оценкой эффекта и сложности, ценами в Украине на 2026 год, ошибками, из-за которых оптимизация не срабатывает, и чеклистом.

Почему скорость — это деньги, а не баллы

• В исследовании Deloitte по заказу Google (Milliseconds Make Millions, 2020) ускорение мобильного сайта на 0,1 секунды сопровождалось ростом конверсии в ритейле на 8,4%, а в туристическом сегменте — на 10,1%.
• По данным Google (2017), когда время загрузки мобильной страницы растёт с 1 до 3 секунд, вероятность того, что посетитель уйдёт, не дождавшись, увеличивается на 32%.
• В Google Ads качество целевой страницы влияет на показатель качества, и скорость — одна из его составляющих. Медленный лендинг может означать более дорогой клик.
• В органическом поиске скорость входит в сигналы удобства страницы. Это не главный фактор ранжирования, но при равном контенте более быстрый сайт получает преимущество.

В Украине к этому добавляется своя специфика. Большинство клиентов малого бизнеса заходят со смартфонов, часто через мобильный интернет, а во время отключений света мобильные сети работают медленнее. Страница на 5 МБ, которая в офисе с оптикой открывается за две секунды, у клиента на остановке может грузиться полминуты. Лёгкий сайт продаёт и в плохие дни.

Шаг 0. Измерьте, прежде чем чинить

Без замеров легко потратить неделю на мелочи и не заметить главного. Минимальный набор инструментов:

1. PageSpeed Insights — полевые данные реальных посетителей и лабораторный тест с подсказками. Что означают LCP, INP и CLS, мы объяснили в статье Core Web Vitals простыми словами.
2. Вкладка Network в Chrome DevTools или WebPageTest — «водопад» всех запросов: что грузится, сколько весит, с какого домена и что блокирует показ страницы.
3. Реальный смартфон среднего класса с мобильным интернетом — самый честный тест. Альтернатива — режим Slow 4G и замедление процессора в DevTools.

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

Пороги TTFB и LCP рекомендует Google, остальное — наш практический ориентир для сайтов малого бизнеса, а не официальный стандарт. Для сравнения: по данным Web Almanac 2025 от HTTP Archive, медианная главная страница на мобильных весит около 2,6 МБ — так что сайт на 1 МБ уже легче большинства конкурентов.

20 действий: сводная таблица

Изображения и медиа

1. Сожмите изображения и переведите в WebP или AVIF

Фото с камеры или фотостока весит 2–8 МБ, а сайту достаточно 80–250 КБ. WebP обычно на 25–35% легче JPEG того же качества, AVIF — ещё легче. Это самое простое действие для владельца сайта: перед загрузкой прогоняйте фото через Squoosh или аналог, а в CMS включите автоматическую конвертацию. Цель — ни одного изображения тяжелее 300 КБ, кроме редких галерей в полном размере.

2. Отдавайте каждому экрану свой размер

Смартфону с экраном шириной 390 пикселей не нужна картинка на 2 560. Атрибуты srcset и sizes позволяют браузеру самому выбрать версию на 480, 800, 1 200 или 1 920 пикселей. Современные фреймворки и WordPress создают такие наборы автоматически — проверьте, действительно ли тема их использует, а не подставляет оригинал.

3. Дайте приоритет главному изображению

Баннер или фото первого экрана должно загружаться первым: прямо в HTML, с атрибутом fetchpriority="high", без ленивой загрузки и без подмены скриптом.

4. Ленивая загрузка — для всего, что ниже

Галереи, отзывы с фото, логотипы партнёров, iframe — всё, что не видно сразу, помечайте атрибутом loading="lazy". Браузер загрузит эти элементы, когда пользователь до них долистает. На длинных лендингах начальный вес страницы уменьшается в несколько раз. Главное — не применять lazy к логотипу и первому экрану.

5. Поставьте «фасады» на видео и карты

Встроенный плеер YouTube тянет сотни килобайтов скриптов ещё до того, как кто-то нажмёт «Воспроизвести». Встроенная Google Карта — тоже. Решение — фасад: показываем картинку-превью с кнопкой, а настоящий плеер или карту загружаем после клика. Фоновое видео первого экрана на мобильных лучше заменить статичным постером; если без него никак — сожмите до 1–2 МБ и уберите звуковую дорожку.

Сторонние скрипты

6. Проведите ревизию Google Tag Manager

Типичная картина после нескольких лет жизни сайта: два счётчика аналитики, пиксель давно закончившейся кампании, теги подрядчика, с которым вы уже не работаете. Каждый тег — это запросы, JavaScript и время процессора. Составьте таблицу «тег — зачем — кто пользуется» и отключите всё, у чего нет владельца.

7. Отложите чаты и виджеты

Онлайн-чат, кнопка обратного звонка и виджет мессенджеров не нужны в первую секунду. Загружайте их после первого взаимодействия (прокрутка, касание) или через 5–10 секунд после показа страницы. Посетитель разницы не заметит, а браузер освободится как раз тогда, когда человек читает первый экран и тянется к кнопке.

8. Откажитесь от лент соцсетей и виджетов отзывов

Лента Instagram на главной или виджет отзывов со стороннего сервиса — это ещё один комплект скриптов, шрифтов и картинок с чужого сервера, на скорость которого вы не влияете. Лучше поставить 6–9 статичных фото со ссылкой на профиль, а реальные отзывы перенести на страницу текстом со ссылкой на первоисточник, например на Google Maps. Бонус для SEO: текст на вашей странице индексируется как ваш, а содержимое стороннего виджета — нет.

Шрифты и CSS

9. Шрифты: 2–3 начертания, WOFF2, на своём сервере

Каждое начертание (Regular, Medium, Bold, Italic) — отдельный файл на 20–100 КБ, а с кириллицей ещё больше. Оставьте 2–3 начертания или один вариативный шрифт, разместите файлы на своём домене в формате WOFF2 и подключайте только нужные наборы символов — латиницу и кириллицу. Добавьте font-display: swap, чтобы текст сразу показывался системным шрифтом.

10. Критический CSS — в страницу, остальное — отложить

Визуальные конструкторы и готовые темы часто подключают на каждую страницу стили всех виджетов, даже неиспользуемых: сотни килобайтов CSS там, где нужны десятки. Стили первого экрана стоит встроить прямо в HTML, остальное загружать без блокировки показа, а неиспользуемые правила удалить. Вкладка Coverage в DevTools покажет, какая доля кода простаивает.

11. Иконки — SVG, а не иконочный шрифт

Подключать целый иконочный шрифт ради восьми значков — значит загружать сотни глифов, из которых нужны единицы. Встроенные SVG-иконки весят по несколько сотен байтов, чётко выглядят на любом экране и не «мигают» при загрузке.

JavaScript

12. Добавьте defer и разделите код

Скрипты в head без атрибутов defer или async останавливают показ страницы, пока не загрузятся и не выполнятся. Переведите некритичные скрипты на defer, а большие пакеты разбейте на части: калькулятор или корзина должны загружаться только там, где они есть. На слабом смартфоне лишний JavaScript особенно дорог: его нужно не только скачать, но и разобрать и выполнить.

13. Уберите тяжёлые слайдеры и библиотеки анимаций

Карусели, параллакс, «появление блоков при прокрутке» часто тянут jQuery и несколько библиотек ради эффекта, который делается парой строк CSS. Анимируйте только transform и opacity — браузер обрабатывает их дешевле всего.

14. Включите предварительную загрузку страниц

Speculation Rules API позволяет браузерам на базе Chromium заранее загружать страницу, на которую пользователь, скорее всего, перейдёт, — например, когда он уже нажимает на ссылку. Переход становится почти мгновенным. В WordPress, начиная с версии 6.8, такая предзагрузка в осторожном режиме включена по умолчанию; на других платформах её добавляют несколькими строками кода.

Сервер и доставка

15. Включите полностраничное кеширование

Без кеша CMS при каждом открытии страницы запускает PHP, делает десятки запросов к базе и собирает HTML заново. С кешем сервер отдаёт готовую страницу, и ответ сокращается с 1–2 секунд до 0,1–0,3 секунды. Для лендинга, визитки и блога это самое важное серверное действие. В магазине кешируют каталог и карточки товаров, но не корзину и личный кабинет.

16. CDN, HTTP/3 и сжатие Brotli

CDN хранит копии файлов на серверах ближе к посетителю и берёт на себя часть нагрузки. Большинству сайтов малого бизнеса хватает бесплатного тарифа Cloudflare: вместе с ним вы получаете HTTP/3, сжатие Brotli и базовую защиту от DDoS. Проверьте, чтобы CDN кешировал не только картинки, но по возможности и HTML — иначе самое медленное звено, ответ сервера, останется прежним.

17. Современный PHP, OPcache и объектный кеш

Для сайтов на PHP (WordPress, OpenCart и т. п.) версия языка влияет и на скорость, и на безопасность: PHP 8.1 перестал получать обновления безопасности 31 декабря 2025 года, а 8.2 будет получать их до конца 2026-го. Ориентируйтесь на 8.3 или новее. Убедитесь, что на хостинге включён OPcache, а для магазина с тысячами товаров — объектный кеш (Redis или Memcached), который разгружает базу данных. Тариф за 50–80 грн в месяц с десятками соседей на одном сервере редко даёт стабильный ответ быстрее секунды.

18. Заголовки кеширования и bfcache

Статические файлы (CSS, JS, шрифты, изображения) с версией в названии можно кешировать в браузере на год — повторный визит станет заметно быстрее. Отдельно проверьте кеш «назад-вперёд» (bfcache): он мгновенно показывает предыдущую страницу, когда человек нажимает «Назад». Его отключают устаревшие обработчики unload и заголовок Cache-Control: no-store на обычных страницах. Проверить можно в DevTools → Application → Back/forward cache.

Платформа

19. Почистите плагины, модули и базу данных

Сайт на WordPress с 40 плагинами — привычная картина, но каждый плагин может добавлять свои стили, скрипты и запросы к базе на каждой странице. Отключайте их по одному и замеряйте разницу, удаляйте то, что дублирует функции или не используется. Заодно очистите базу: тысячи ревизий записей, просроченные временные данные и спам-комментарии замедляют запросы.

20. Если платформа — потолок, меняйте платформу

Бывает, что после всех действий сайт всё равно медленный: тяжёлый визуальный конструктор, тема с десятком библиотек или конструктор, где код недоступен. Тогда месяцы «латания» обходятся дороже переделки. Как выбрать между конструктором, WordPress и индивидуальной разработкой, мы честно разобрали в статье Tilda, WordPress или индивидуальная разработка. При редизайне важно сохранить адреса страниц и позиции, иначе скорость будет куплена ценой трафика.

Сколько времени и денег это займёт

Ориентировочные рыночные цены на 2026 год:

Наши цены для ориентира: технический SEO-аудит, в который входит и проверка скорости, — 4 900 ₴. Если латать старый сайт уже нецелесообразно, редизайн стоит 70% от цены нового пакета (лендинг — от 6 200 ₴, сайт-визитка — от 8 300 ₴), а перенос контента и 301-редиректы уже учтены. На каждый сайт, который мы разрабатываем, действует гарантия PageSpeed 90+ на мобильных: если показатель ниже — дорабатываем бесплатно.

Скорость в украинских реалиях

• Где стоит сервер. Для украинских посетителей сервер в Польше или Германии добавляет лишь десятки миллисекунд задержки — это гораздо меньше, чем теряется без кеша. Если хостинг в Украине, уточните, как дата-центр работает во время отключений: генераторы, резервные каналы связи.
• Сайт, который работает на слабом сигнале. Текст, цена и кнопка звонка должны появляться раньше декоративных элементов, а форма заявки — отправляться, даже если остальная страница ещё догружается. Чем меньше сторонних доменов, тем меньше точек, которые тормозят независимо от вас.

Что ещё, кроме скорости, проверить на смартфоне — кнопки, формы, шрифты, — читайте в статье Мобильная версия сайта: почему она важнее десктопа.

8 ошибок, из-за которых ускорение не работает

1. Тестировать, будучи залогиненным в админке. Для администратора кеш обычно отключён, поэтому вы видите более медленную версию, чем клиенты, и «чините» то, что не сломано. Замеряйте в режиме инкогнито.
2. Агрессивно объединять и минифицировать JavaScript без проверки. Страница ускоряется, но ломаются форма, корзина или оплата. После каждого изменения — тестовая заявка и тестовый заказ.
3. Перевести в WebP, но отдавать тот же размер. Фото на 3 000 пикселей и в WebP остаётся тяжёлым.
4. Ставить lazy-loading на всё подряд, включая логотип и баннер первого экрана.
5. Покупать хостинг дороже вместо аудита. Если страница тянет 2 МБ скриптов, мощный сервер этого не исправит.
6. Подключить CDN без кеширования HTML. Картинки летают, а ответ сервера по-прежнему 1,5 секунды.
7. Оптимизировать главную, забыв о рекламном лендинге. Деньги тратятся на страницу, на которую ведёт Google Ads, — её и замеряйте первой.
8. Добавлять новые теги и виджеты без контроля. Маркетолог за пять минут добавляет в GTM новый пиксель — и неделя работы обнуляется. Правило: новый скрипт — только после замера.

Чеклист: быстрый сайт за 12 пунктов

• Замерены шаблоны (главная, услуга, категория, товар, статья, рекламный лендинг) в режиме инкогнито
• Ни одно изображение не весит больше 300 КБ, формат — WebP или AVIF
• У изображений есть наборы размеров под разные экраны
• Главное изображение первого экрана — с высоким приоритетом и без lazy
• YouTube и карты — через фасад, фонового видео на мобильных нет
• В GTM только теги, у которых есть владелец и цель
• Чаты и виджеты загружаются после взаимодействия или с задержкой
• Не больше 2–3 начертаний шрифтов, WOFF2, на своём домене
• Некритичные скрипты — с defer, тяжёлые модули — только на своих страницах
• Включены полностраничный кеш и CDN; TTFB до 0,8 с
• PHP 8.3 или новее, плагины и модули почищены
• После каждого заметного изменения — повторный замер и тестовая заявка

Вывод

Быстрый сайт — это не одна волшебная кнопка, а десяток рутинных решений: правильные изображения, минимум чужих скриптов, кеш и дисциплина после запуска. Начните с замеров и первых восьми действий — они самые дешёвые и дают наибольший эффект.

С чего начать именно вам, подскажет бесплатный онлайн-аудит сайта: примерно за минуту он покажет оценку Google PageSpeed для смартфонов и то, что тормозит страницу. Когда платформа уже стала потолком, закажите редизайн сайта — новую версию сдаём с PageSpeed 90+ на мобильных. А чтобы через полгода новый виджет или баннер не перечеркнул результат, передайте сайт на техническую поддержку: обновления и мониторинг входят уже в тариф Care Base за 990 ₴ в месяц.