Esto analizará cualquier URL proporcionada y concatenará el CSS necesario para mostrar la representación HTML "encima de la carpeta", es decir, el "CSS crítico" o "ruta crítica de CSS💖.
Una buena herramienta, haciendo una trabajo Eso no es fácil de prescindir. Y devuelve directamente una versión CSS ya minificada.
Luego, debes incorporar este código en la sección de tu(s) página(s), ya sea manualmente o con un archivo dedicado. plugino cualquier complemento de caché u optimizador.
Esto permitirá renderizar la parte superior de la zona inicialmente visible más rápido, sin cargar los archivos CSS externos.
- ¿Esto aumentará tus métricas de Google? Es probable.
- ¿Aumentará la experiencia de sus visitantes únicos? Probablemente
- ¿Aumentará la experiencia de sus visitantes recurrentes?: no (ya que aumentará el peso de cada página a la que se agrega este CSS, en lugar de agregarlo solo a un archivo externo que se carga solo una vez).
Consejo n.° 1: Limpiar cualquier caché de servidor o complemento justo después
Consejo #2: Si opta por esa ruta de optimización, para tener el CSS más adecuado, vale la pena hacer este truco una vez por cada grupo de páginas notablemente diferente que tenga en su sitio, cada una de las cuales probablemente utilice un CSS muy diferente (por ejemplo: foro páginas, publicaciones normales, tipos de publicaciones personalizadas ️).
Consejo #3: Como este CSS es un código puramente estático (según intención), debe actualizarse cada vez que se realiza un cambio importante en el CSS de la página.
