Как ускорить сайт: что реально влияет на скорость

Скорость сайта влияет на заявки и позиции в поиске. Разбираем практические приёмы: картинки, шрифты, скрипты, анимация — и как измерить эффект без магии.

Почему скорость — это деньги

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

Что тормозит сайты чаще всего

1. Тяжёлые картинки — фотографии по 3–5 МБ, которые грузятся годами.
2. Шрифты с внешних серверов — без кэша и прелоада.
3. Много скриптов — аналитика, чаты, виджеты, «ещё один полезный сервис».
4. Непрерывная анимация — красиво, но процессор на телефоне занят постоянно.
5. Слабый хостинг — сервер думает над каждым запросом.

8 приёмов, которые дают эффект

1. Сжатие картинок — WebP/AVIF вместо PNG, размеры под экран, ленивая загрузка ниже первого экрана.
2. Свои шрифты — woff2, `font-display: swap`, прелоад только тех начертаний, что правда используются.
3. Меньше сторонних скриптов — каждый виджет ставится после загрузки основного контента.
4. Анимация только там, где нужно — и её отключение при `prefers-reduced-motion`.
5. Кэширование — браузер не должен скачивать одно и то же дважды.
6. Критический CSS — стили первого экрана подключаются первыми.
7. Lazy-load «тяжёлых» блоков — калькуляторы, карты, галереи — только когда пользователь до них доскроллил.
8. Нормальный хостинг — 200–1 000 ₽/мес обычно достаточно, если сайт не каталог.

Как измерить

Lighthouse (в Chrome DevTools) — показывает Performance и метрики LCP, TBT, CLS.
PageSpeed Insights — то же плюс данные реальных пользователей.
Яндекс.Метрика — раздел «Скорость» по вашим посетителям.

Ориентиры: LCP до 2,5 с, CLS почти 0, страница легче ~500 КБ.

Что делать, если сайт на конструкторе

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

Как мы делаем скорость

Берём статичный рендер и лёгкую графику, свои шрифты, отложенную аналитику и CSS-анимацию вместо тяжёлых скриптов. Пример нашей главной: LCP около 2,5 секунд на мобильном, вес страницы ~270 КБ — при этом с 3D-сиянием и интерактивом.

Хотите проверить свой сайт? Опишите задачу — посмотрим, что тормозит, и скажем честно, стоит ли это чинить.