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.
¿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
- ShortPixel Image Optimizer – Optimización & compresión de todas las imágenes de tu web, incluída la entrega de WebP & AVIF
- ShortPixel Adaptive Images – Optimización de imágenes sobre la marcha & entrega desde CDN
- Enable Media Replace – Reemplaza fácilmente imágenes o archivos en la biblioteca de medios
- reGenerate Thumbnails Advanced – Regenera miniaturas fácilmente
- Resize Image After Upload – Cambia automáticamente el tamaño de cada imagen subida
- WP SVG Images – Subida segura de archivos SVG a la biblioteca de medios
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.
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» ha sido traducido a 1 idioma local. 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.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