7 практических шагов ускорения сайта: как уложить LCP в 2,5 с

В 2026 году скорость сайта - уже не просто техническая мелочь, а фактор, напрямую влияющий на продажи, SEO и доверие пользователей. Вот 7 практических шагов.

1. Включите HTTP/3

HTTP/3 (по протоколу QUIC) сокращает время установления соединения на 200-400 мс, особенно в мобильном интернете. Бесплатный тариф Cloudflare поддерживает его без какой-либо настройки.

2. Используйте сжатие Brotli

Brotli - алгоритм сжатия от Google, на 15-20% эффективнее Gzip. В Cloudflare включается одной галочкой.

3. Lazy-load для картинок

Все теги <img> ниже первого экрана должны иметь атрибут loading="lazy". Это простое изменение, которое может сократить начальное время загрузки вдвое.

4. Конвертируйте PNG в WebP

Формат WebP на 25-35% меньше PNG. Все современные браузеры его поддерживают. Используйте тег <picture> с PNG-фолбэком для старых браузеров.

5. Минифицируйте CSS и JavaScript

Минификация удаляет пробелы и комментарии, сокращает идентификаторы - обычно это 20-40% уменьшения размера файла.

6. Аккуратно выбирайте шрифты

Веб-шрифты (Google Fonts) могут добавлять 100-300 мс к загрузке. Применяйте:

• preconnect к домену шрифта
• font-display: swap в CSS - текст показывается, пока шрифт грузится
• Сабсеттинг - загружайте только нужные глифы вашего языка

7. Откладывайте сторонние скрипты

Google Tag Manager, Tawk.to, Яндекс.Метрика - часто добавляют 1-2 секунды к загрузке. Подключайте их с атрибутом defer или после первого взаимодействия пользователя.

Как измерить прогресс

Используйте Google PageSpeed Insights. Обращайте внимание на:

• LCP (Largest Contentful Paint) - < 2,5 с - хорошо
• INP (Interaction to Next Paint) - < 200 мс - хорошо
• CLS (Cumulative Layout Shift) - < 0,1 - хорошо

Достигните «хороших» порогов по всем трём - и SEO реально улучшится.