Сайти з важкими темами
Зменшуйте вплив блокуючого рендер 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 — поки обігрівачі кешу тримають 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.