ShortPixel Critical CSS

Descripción

Con el plugin ShortPixel Critical CSS, tu web puede generar automáticamente el CSS de antes de hacer scroll para tus páginas web.
Esto significa que tu web se cargará más rápido y conseguirá mejores resultados con herramientas de prueba en línea como PageSpeed Insights o GTmetrix.

IMPORTANT NOTICE: Plugin closure!
We would like to inform you that the ShortPixel Critical CSS plugin and criticalcss.co service will be closed starting December 1st, 2024, and will no longer be available.

The Critical CSS functionality has now been integrated into the FastPixel Caching plugin, and we highly recommend transitioning to this new plugin as soon as possible to ensure continued functionality and support.

If you have any questions, please feel free to contact us at help@shortpixel.com.

¿Cómo funciona?

  • El plugin Critical CSS (CCSS) de ShortPixel utiliza nuestro nuevo servicio para generar el CSS crítico de las páginas de tu web.
  • El CCSS generado se inserta en las páginas web mientras que los archivos .css originales se difieren. Esto hace que las páginas se carguen más rápido.
  • El plugin empieza generando el CCSS por cada página visitada y lo recupera del servicio de CSS crítico de ShortPixel. Esto se hace mediante trabajos WP CRON que se ejecutan en segundo plano sin la intervención del usuario y sin ralentizar la web.
  • Se generará automáticamente el CCSS de las páginas que se editen.

Características

  • El plugin CCSS se puede configurar para mantener las reglas de CSS crítico basadas en la URL de la página o para cada plantilla de página. Esto puede ayudar a optimizar la cantidad de archivos CCSS necesarios.
  • Flexibilidad adicional: el administrador de la web puede configurar manualmente reglas de CSS crítico adicionales para que se incluyan en el CSS crítico generado.
  • Nuestro plugin se integra con WP Rocket y Elementor, si están presentes, para aprovechar la compatibilidad con la caché y entregar CSS crítico de manera más efectiva.

El plugin es una bifurcación del plugin WP Critical CSS, modificado para usar el servicio Critical CSS de ShortPixel y mejorado con nuevas características.

Actualmente, el plugin es 100% gratuito mientras se encuentra en su versión BETA. Simplemente instálalo en tu web, configúralo y prueba los resultados con una herramienta como Google PageSpeed Insights or GTMetrix

Para preguntas o soporte, contáctanos directamente aquí

Otros plugins de ShortPixel

Capturas

  • Página de ajustes (Ajustes > ShortPixel Critical CSS)

  • Registro de páginas procesadas (Ajustes > ShortPixel Critical CSS > pestaña de Registro de procesados)

Instalación

Simplemente busca «ShortPixel Critical CSS» en la sección de plugins de tu web e instálalo como lo harías con cualquier otro plugin.

FAQ

¿Es gratis este plugin?

Mientras el plugin esté en la fase de prueba BETA, su uso es completamente gratuito.

¿Cómo puedo informar sobre un problema?

Ve a nuestra página de contacto.

¿Funciona dentro de muros de pago o webs/páginas de membresía?

No por ahora. Dado que ShortPixel.com actualmente no puede acceder a webs protegidas, la página web debe ser visible públicamente para que funcione. Dependiendo de la demanda, podremos añadir una característica para permitir el uso también en webs/páginas protegidas.

¿Qué pasa si actualizo el contenido del sitio o cambio mi tema?

La caché CSS del plugin se vacía automáticamente para esa entrada o término, y se vuelve a poner en cola la próxima vez que el usuario lo solicite.

¿Qué pasa cuando actualizo un plugin o tema?

Se vacía toda la caché, independientemente del ajuste de vaciado.

¿Es compatible con todos los plugins de caché?

Actualmente solo es compatible con WP Rocket. Bajo solicitud, se pueden añadir otras integraciones.

¿Qué proveedores de alojamiento son compatibles?

En general, cualquier proveedor. Algunos proveedores como WP Engine dan soporte especial para el vaciado de la caché del servidor.

¿Qué significa el «/nocache/» en las URLs en cola?

Esto se usa como una versión especial de la página web que desactiva por la fuerza plugins de caché y minimizado para garantizar que se cree el CSS crítico sin complicaciones. Desde una perspectiva de SEO, estas URL son seguras porque no se hace referencia a ellas en ninguna parte y Google no puede rastrearlas.

¿Dónde debo informar de los fallos de seguridad encontrados en este plugin?

Por favor, informa de los fallos de seguridad encontrados en el código fuente del plugin ShortPixel Critical CSS a través del programa de divulgación de vulnerabilidades de Patchstack. El equipo de Patchstack te ayudará con la verificación, la asignación de CVE y avisará a los desarrolladores de este plugin.

Reseñas

15 de diciembre de 2023 1 respuesta
I don’t know of any similar plugin with this functionality. Their service actually analyzes CSS and JS files for which parts can be loaded upfront to make the website show up faster. Only later the full CSS/JS seem to load. For JS files I see that they generate a custom version. Options can be a bit confusing but their customer support is outstanding!
19 de septiembre de 2023 3 respuestas
I keep trying to generate Critical CSS with it but it adds nothing to the queue. I tried it about 5 minutes and uninstalled it. I now understand that pages need to be first visited and I have seen it had some pages in pending. However it seems to return a critical error when I clear cache with WP-Rocket and I can’t troubleshoot the issue and I have deleted the plugin. Although not ideal, I’ll leave 5 stars because I can’t delete this review and I don’t want to negatively impact your rating because of my mistake of not creating a support thread instead.
Leer todas las 3 reseñas

Colaboradores y desarrolladores

«ShortPixel Critical CSS» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«ShortPixel Critical CSS» está traducido en 1 idioma. Gracias a los traductores por sus contribuciones.

Traduce «ShortPixel Critical CSS» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.0.5

Release date: September 20, 2024
* Added the notification about the plugin closure on December 1st, 2024.

1.0.4

Release date: April 29, 2024
* Tweak: Added a «Remove Expired» button to clear the processed log of entries older than 30 days;
* Fix: Updated the text domain of the plugin to correct internationalization;
* Language: 3 new strings added, 1 updated, 0 fuzzed and 0 deprecated.

1.0.3

Release date: April 8, 2024
* Fix: Patched a Broken Access Control vulnerability, found by the PatchStack team (thanks!);
* Fix: Increased the overall security of the plugin by adding sanitization, nonce check and authorization.
* Language: 0 new strings added, 0 updated, 0 fuzzed, and 0 deprecated.

1.0.2

Release date: January 18, 2024
* Fix inlining style that contains «\0» escape sequences, eg. content: «\00a0»;

1.0.1

Fecha de lanzamiento: 28 de septiembre de 2023
* Nuevo: añadida una nota que indica que se debe visitar la web para que el plugin genere el CSS crítico;
* Corrección: totalmente probado con PHP 8.1 y 8.2, sin más advertencias de obsolescencia;
* Corrección: se producía un error fatal con PHP 5.6 y versiones anteriores de WordPress debido a una función faltante;
* Corrección: se producía un error crítico al utilizarlo con WP Rocket en WP Engine;
* Idioma: 0 cadenas nuevas añadidas, 1 actualizada, 0 confusas y 0 obsoletas.

1.0.0

Fecha de lanzamiento: 15 de marzo de 2023
* Nuevo: Añadida compatibilidad con generación de CSS crítico por tipo de contenido (incluidos los tipos de contenido personalizados);
* Nuevo: Cuando cambias el tema, la caché de CSS crítico se vacía automáticamente;
* Nuevo: Añadido un botón en los ajustes para vaciar la caché de CSS;
* Nuevo: Añadida la acción «Borrar» para la cola de API;
* Nuevo: Se han añadido acciones similares a las de la cola de API en la cola de comprobación web;
* Nuevo: Detección de clave de API al usar otros plugins de ShortPixel;;
* Nuevo: Añadido formulario de contacto de ayuda para solicitudes de soporte más cómodas;
* Retoque: Mejorada la apariencia del CSS generado en la ventana emergente de registro de procesados;
* Retoque: Al seleccionar métodos de caché para plantillas de WordPress o tipos de contenido personalizados, todas las subopciones están activadas por defecto;
* Corrección: Varias mejoras en las colas de comprobación web y API, así como en el registro de procesados;
* Corrección: Algunos enlaces tenían un doble nocache al final, lo que resultaba en un 404 al intentar generar el CSS crítico;
* Corrección: Los ajustes de caché ya no se pierden después de cambiar de tema;
* Corrección: El aviso de WP Cron ahora se puede descartar;
* Corrección: Se han actualizado los textos y mejorada la apariencia general de la página de ajustes del plugin;

0.9.10

  • Corregida la advertencia cuando el CSS alternativo no está establecido

0.9.9

  • Versión inicial