Comparación del generador CSS de ruta crítica con Penthouse y WP Rocket.| Generador de CSS de ruta crítica | Ático | Cohete WP |
|---|
| Forma y uso: Este es un generador en línea de Core Web Vitals. Ingresas una URL, configuras los tamaños de la ventana gráfica para dispositivos móviles y de escritorio, y recibes el CSS necesario para pegarlo en una etiqueta de estilo en la sección , justo debajo del título. También ofrece tres métodos para diferir la carga de las hojas de estilo originales. | Forma y uso: Penthouse es una biblioteca de Node.js descrita como el generador original de CSS para la ruta crítica. Se llama con una URL y una cadena o archivo CSS, y devuelve el CSS crítico. Las opciones incluyen el ancho y alto de la ventana gráfica (por defecto 1300 x 900), forceInclude, forceExclude y un tiempo de espera. | Forma y uso: Este es un plugin de caché de pago para WordPress. La opción "Eliminar CSS no utilizado" está activada en "Optimización de archivos", "Optimizar la entrega de CSS", y el plugin inserta el CSS generado automáticamente. |
| Cómo se genera el CSS: La herramienta carga la página en un navegador basado en Chrome en una plataforma Node personalizada, comprueba varias ventanas gráficas, encuentra las partes de la hoja de estilos que renderizan el área visible y, a continuación, las limpia y minimiza. | Cómo se genera el CSS: Permite ejecutar Chromium sin interfaz gráfica a través de Puppeteer, y varios procesos pueden compartir una misma instancia del navegador. | Cómo se genera el CSS: WP Rocket envía la URL de la página a una API externa que la visita y genera el CSS correspondiente. El resultado se guarda como un archivo comprimido (gzip) y se inserta en un elemento `style` con el ID `wpr-usedcss` después de la etiqueta `title`. Este CSS se regenera cada 30 días. |
| Automatización y mantenimiento: El resultado se copia y pega manualmente. La herramienta está en fase beta y, si falla, la página sugiere volver a intentarlo después de 5 minutos. | Automatización y mantenimiento: Puedes programarlo tú mismo, por ejemplo, en un paso de compilación, y escribir el resultado en un archivo. | Automatización y mantenimiento: La generación comienza cuando se visita una página que no está en caché. Los intentos fallidos se reintentan hasta 5 veces con tiempos de espera cada vez mayores. |
| Requisitos: Node.js con npm o yarn y Chrome sin interfaz gráfica mediante Puppeteer. En Linux, puede que sea necesario instalar algunas bibliotecas del sistema, como libnss3. | Requisitos: Se requiere un sitio web de acceso público, WP-Cron en funcionamiento y un servidor o cortafuegos que permita el acceso de los agentes de usuario del bot del plugin. No funciona con autenticación mediante htaccess y debe estar desactivado el modo de lucha contra bots de Cloudflare. |
| Licencia y coste: La página la describe como una herramienta online gratuita y no especifica límites de uso. | Licencia y coste: El código está bajo la licencia MIT. | Licencia y coste: Los planes de pago son anuales y varían según el número de sitios (1, 3 o 50). El período de prueba de 14 días se cobra automáticamente al finalizar, a menos que se cancele. |
