Como corregir PageSpeed Insights Eliminate render-blocking Js y CSS???

Mensajes
12
Puntuación de reacción
0
Buenas,

tengo un problema con la velocidad de carga de mi web. Estoy consultando cuanto tarda mi web en cargarse con PageSpeed Insights y me aparece constantemente este aviso: "Eliminate render-blocking JavaScript and CSS in above-the-fold content"

He probado toda la serie de plugins de wordpress que he encontrado en mil foros y no doy con el tema. Me sigue apareciendo constantemente ese aviso. ¿Sabéis de alguna solución para esto? ¿Os ha pasado también a alguno?

Un saludo y mil gracias
 
Mensajes
103
Puntuación de reacción
0
Si... eso es por que se cargan los archivos javascript antes que el contenido de la web.

La solución es usar defer o async como etiqueta en la incrustación del código.

La otra solución es meterlo en el footer.

No le des gran importancia a ese punto en concreto, a veces al pasar las funciones al footer tiende a fallar el sitio web. Cualquier duda me preguntas (sé bastante de pagespeed, me dedique a ello un par de años).
 
Mensajes
12
Puntuación de reacción
0
Si... eso es por que se cargan los archivos javascript antes que el contenido de la web.

La solución es usar defer o async como etiqueta en la incrustación del código.

La otra solución es meterlo en el footer.

No le des gran importancia a ese punto en concreto, a veces al pasar las funciones al footer tiende a fallar el sitio web. Cualquier duda me preguntas (sé bastante de pagespeed, me dedique a ello un par de años).

Muchas gracias por la respuesta. Quizá no deba obsesionarme con este punto.

Si me pudieras decir como se hace la solución que comentas de async... si es muy complicado no.

Gracias!
 

letzrun

Suspendido
Mensajes
28
Puntuación de reacción
0
tienes que instalar el w3 total cache y agregar los js que te da googgle en el minify
 
Mensajes
103
Puntuación de reacción
0
En wordpress hay muchas malas prácticas con los plugins.

Para hacer lo que te digo debes tener cuidado, respaldar el sitio y comprobar funcionamiento en cada modificación, aveces simplemente deja de funcionar y deberás volver antes del cambio.

Ejemplo async

<script src="archivo.js" async></script>

Ejemplo defer

<script defer src="demo_async.js"></script>

La opción más común es mover los archivos js al footer.

¿Por qué te alerta pagespeed? Pagespeed ha detectado que antes de cargar el sitio completamente se están cargando los ficheros javascript, lo que genera un "bloqueo" de pantalla, lo que está sugiriendo es que cargues todo el contenido antes que los archivos js y mientras el usuario "se mueve" por la pantalla cargar los archivos js dando la impresión de que el sitio ha cargado más rápido.

Si te fijas, en google adsense está la carga sincrona y asincrona, es debido a lo mismo, cargar con el sitio o después del sitio.

Saludos
 
Mensajes
12
Puntuación de reacción
0
En wordpress hay muchas malas prácticas con los plugins.

Para hacer lo que te digo debes tener cuidado, respaldar el sitio y comprobar funcionamiento en cada modificación, aveces simplemente deja de funcionar y deberás volver antes del cambio.

Ejemplo async



Ejemplo defer



La opción más común es mover los archivos js al footer.

¿Por qué te alerta pagespeed? Pagespeed ha detectado que antes de cargar el sitio completamente se están cargando los ficheros javascript, lo que genera un "bloqueo" de pantalla, lo que está sugiriendo es que cargues todo el contenido antes que los archivos js y mientras el usuario "se mueve" por la pantalla cargar los archivos js dando la impresión de que el sitio ha cargado más rápido.

Si te fijas, en google adsense está la carga sincrona y asincrona, es debido a lo mismo, cargar con el sitio o después del sitio.

Saludos

Sí, yo no quiero mas plugins en mi vida de este tipo.

Voy a probar lo que me dices.

Muchas gracia
 
Arriba