Sitios con temas cargados
Reduce el impacto del CSS que bloquea el renderizado en temas de WordPress complejos.
← Volver a funciones
Función
Critical CSS
Genera el CSS above-the-fold en la nube y cárgalo desde Managed CDN.
Critical CSS extrae los estilos necesarios para el renderizado above-the-fold, de modo que el navegador muestre contenido útil antes. Cache Rocket lo genera en la nube mediante un análisis de cobertura con un navegador headless real, aloja el resultado en Managed CDN y el plugin de WordPress lo inyecta donde tus visitantes lo necesitan.
Lo más destacado
- Cobertura CSS con un navegador real, sin conjeturas
- Servido automáticamente desde Managed CDN
- Generación página a página con cuotas mensuales según el plan
- Pensado para los flujos de Media de WordPress
Primer renderizado más rápido sin CSS escrito a mano
El Critical CSS mantenido a mano se rompe en cuanto cambian los temas o los page builders. Cache Rocket regenera la cobertura a partir de la carga real de la página, y luego limita y sube un archivo critical.css compacto para su entrega desde assets.cacherocket.com.
Critical CSS está disponible en los planes Pro y Business, con cuotas de páginas mensuales que crecen según tu nivel.
Parte de la suite de optimización en la nube
Combina Critical CSS con la optimización de imágenes, LQIP y PageSpeed Insights para medir y mejorar tus Core Web Vitals, mientras los warmers mantienen calientes las respuestas HTML en el edge.
Cómo funciona
- 1
Desbloquéalo desde Pro
Comprueba que Critical CSS está incluido en tu plan de Cache Rocket.
- 2
Activa «Generar Critical CSS»
Actívalo en los ajustes de Media del plugin de WordPress.
- 3
Genera e inyecta
Cache Rocket genera el archivo critical.css, lo aloja en Managed CDN, y el plugin lo inyecta para tus visitantes.
Dónde brilla
Landing pages
Mejora el primer renderizado en las URL de campaña que necesitan convertir rápido.
Trabajo en Core Web Vitals
Combínalo con las auditorías de PageSpeed Insights para validar tus mejoras.
Preguntas frecuentes
- ¿Unused CSS está incluido?
- Unused CSS aparece como un derecho del plan en los niveles superiores; un procesamiento de Unused CSS completo y productizado no es lo mismo que la generación de Critical CSS. Usa Critical CSS hoy mismo para la entrega above-the-fold.
- ¿Dónde se almacena el Critical CSS?
- Los archivos generados se sirven desde Managed CDN (assets.cacherocket.com) y el plugin de WordPress los inyecta.
- ¿Qué pasa si alcanzo mi cuota de páginas de Critical CSS?
- Los nuevos trabajos de generación se pausan hasta que se reinicie la cuota mensual o mejores de plan.
Funciones relacionadas
Todas las funciones¿Listo para probarlo en tu cuenta?
Crea una cuenta gratuita de Cache Rocket, verifica un hostname y activa esta función para tu web o tu API.