WordPress optimizar archivos CSS

Fecha Publicación:       16 de Abril de 2020
Fecha Modificación:       16 de Mayo de 2020

Seguimos teniendo los recursos de CSS que bloquean el contenido de la mitad superior de la página. La solución que plantea Google es que cargues en línea dentro del <head> los estilos imprescindibles y al final del documento los CSS con el resto de estilos.

No creo que sea bueno obsesionarse con el 100/100 en PagaSpeed. Efectivamente como dices no repercute en el tiempo de carga, pero si en el modo que se va cargando la web. Aplazar la entrega de CSS sólo influye en la percepción que pueda tener el usuario.

Con conexiones rápidas no lo vas a percibir. En una conexión lenta si que podrías ver que se "va pintando poco a poco la página"

La solución pasa por poner en línea (y evitar la petición http) los estilos "necesarios" para construir lo que el usuario ve en el primer pantallazo, y el resto lo pones en un CSS y lo cargas al final de la página.

Pero esta solución te obliga a trabajar más, en el sentido de que debes manejar unos estilos por un lado (en línea), y otros por otro (hoja css)

 

Fuentes:

https://www.webempresa.com/blog/reduce-css-en-wordpress-y-mejora-la-carga.html
https://decodecms.com/mover-la-carga-de-javascript-y-css-al-footer-en-wordpress/
https://decodecms.com/agregar-css-en-wordpress-de-manera-correcta/

 

 

Articulo : 755 - Veces Leidas
Compartir Articulo: