Оптимизация скорости через Cloudflare: минификация и Rocket Loader

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

Auto Minify

Speed → Optimization → Content Optimization → Auto Minify.

Включите для: ✅ JavaScript, ✅ CSS, ✅ HTML.

⚠️ Иногда Auto Minify ломает JS-код с синтаксическими особенностями. Если после включения что-то перестало работать — отключите HTML или JS минификацию.

Rocket Loader

Speed → Optimization → Content Optimization → Rocket Loader → On.

Откладывает загрузку JS до полной загрузки HTML. Улучшает LCP и TTI (Time to Interactive).

⚠️ Rocket Loader конфликтует с некоторыми jQuery-скриптами и Google Analytics. Тестируйте перед включением на production.

Brotli сжатие

Speed → Optimization → Content Optimization → Brotli → On. Brotli сжимает текстовый контент лучше gzip на 15–25%.

HTTP/2 и HTTP/3

Network → HTTP/2 → On (включено по умолчанию). HTTP/3 (QUIC) → включить для ещё большей скорости на нестабильных соединениях.

Polish (оптимизация изображений)

Speed → Optimization → Image Optimization → Polish → Lossless или Lossy (Pro+).

Режим	Описание
Off	Без оптимизации
Lossless	Удаление метаданных без потери качества
Lossy	Сжатие с потерей качества (более агрессивное)

✅ Наиболее ощутимый прирост скорости на бесплатном плане: включить Auto Minify (JS+CSS+HTML) + Brotli + HTTP/2. Это не требует Pro плана.

Early Hints (103)

Speed → Optimization → Performance → Early Hints → On. Браузер начинает загружать ресурсы ещё до получения полного HTML-ответа.