Сайты с тяжёлыми темами
Уменьшайте влияние блокирующего рендер CSS на сложных темах WordPress.
← Вернуться к функциям
Особенность
Critical CSS
Генерируйте CSS для видимой области в облаке и загружайте его с Managed CDN.
Critical CSS извлекает стили, нужные для рендеринга видимой области, чтобы браузер мог быстрее отрисовать значимый контент. Cache Rocket генерирует его в облаке с помощью прохода покрытия настоящим headless-браузером, размещает результат на Managed CDN, а плагин WordPress внедряет его там, где это нужно посетителям.
Основные моменты
- Покрытие CSS настоящим браузером — без догадок
- Автоматически отдаётся с Managed CDN
- Генерация для каждой страницы с месячными квотами плана
- Создано для рабочих процессов Media в WordPress
Более быстрая первая отрисовка без ручного CSS
Вручную поддерживаемый Critical CSS ломается при изменении тем и конструкторов страниц. Cache Rocket регенерирует покрытие из живой загрузки страницы, затем ограничивает и загружает компактный critical.css для доставки с assets.cacherocket.com.
Critical CSS доступен на планах Pro и Business, с месячными квотами страниц, которые масштабируются вместе с вашим уровнем.
Часть пакета облачной оптимизации
Сочетайте Critical CSS с оптимизацией изображений, LQIP и PageSpeed Insights, чтобы измерять и улучшать Core Web Vitals — пока warmer'ы кеша держат HTML-ответы горячими на edge.
Как это работает
- 1
Разблокируйте на Pro и выше
Подтвердите, что Critical CSS включён в ваш план Cache Rocket.
- 2
Включите Generate Critical CSS
Включите это в настройках Media плагина WordPress.
- 3
Сгенерируйте и внедрите
Cache Rocket создаёт critical.css, размещает его на Managed CDN, а плагин внедряет его для посетителей.
Где оно сияет
Целевые страницы
Улучшайте первую отрисовку на URL кампаний, которые должны быстро конвертировать.
Работа над Core Web Vitals
Сочетайте с аудитами PageSpeed Insights, чтобы подтвердить улучшения.
Часто задаваемые вопросы
- Включён ли Unused CSS?
- Unused CSS появляется как право плана на более высоких уровнях; полноценная продуктовая обработка Unused CSS — не то же самое, что генерация Critical CSS. Используйте Critical CSS для доставки видимой области уже сегодня.
- Где хранится Critical CSS?
- Сгенерированные файлы отдаются с Managed CDN (assets.cacherocket.com) и внедряются плагином WordPress.
- Что произойдёт, если я исчерпаю квоту страниц Critical CSS?
- Новые задачи генерации приостанавливаются, пока месячная квота не обновится или вы не обновите план.
Связанные функции
Все функцииГотовы попробовать это в своем аккаунте?
Создайте бесплатную учетную запись Cache Rocket, подтвердите имя хоста и включите эту возможность для своего сайта или API.