Avisos
Vaciar todo

wp rocket : retrasar la ejecución de javascript - afecta a la visualización de las imágenes de mi web.  

 
Maria Mino
 Maria Mino
Usuario eminente

Buenos días, equipo de soporte.

Tratando de mejorar la puntuación de Google de la carga de mi página web,que esta tardando 6,0 segundos. Tengo en mi web instalado wp rocket y vengo haciendo muchas mejoras usando cada unas de sus opciones del plugins.

Bien! entonces he activado la opción de "Retrasar la ejecución de javaScript" que ofrece el plugin en cuestión.
Cuando esta opción está activa, la puntuación mejora CONSIDERABLEMENTE, pero cuando entras en una página web, directamente la imagen de portada y las que le siguen no aparecen sino, cuando se hace scroll 🙁

Esto genera una mala experiencia para el usuario ya que en un primero momento la página parece que no tiene contenido y puedan abandonar la web.

Supongo que la solución está excluyendo el javaScript implicado en la carga de las imágenes de mi web, pero no se cual es exactamente y de saberlo como seria el proceso de realizar la exclusion-

Por favor, ¿me ayudan?

Así Ahora mismo he dejado la opción "Retrasar la ejecución de javaScript" desactivada.

Ahora bien, wp rocket brinda un link donde se puede identificar el error de carga de JS y te otorga unas lineas de código para solucionarlo. A menos eso creo.
Me refiero a este link:

link: https://docs.wp-rocket.me/article/1560-delay-javascript-execution-compatibility-exclusions?utm_source=wp_plugin&utm_medium=wp_rocket#imageloaded

  para el imágenes de acuerdo al link seria :

/wp-includes/js/imagesloaded.min.js

PERO en el mismo lugar de la casilla donde uno activa el plugin hay unas lineas de código así :

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
js-(before|after)
/jquery-migrate(.min)?.js
(?:/wp-content/|/wp-includes/)(.*)

numero1 Image 2023 08 11 at 11.23.31
imagen2 Image 2023 08 11 at 11.23.45

y la verdad no se si debo usar toda ese trozo de lineas de código o debo acomodarlas de acuerdo a mi necesidad.
En conclusion, necesito ayuda para resolver el enigma de cual ? o cuales seria esas lineas de codigo que debo agregar a la casilla debajo donde activo la opcion de "Retrasar la ejecución de javaScript"
supongo esas lineas de código deben contener el texto donde este excluyendo las imágenes totales de mi web.

Muchísimas gracias.

Atenta a sus respuestas.

Contenido solo visible a usuarios registrados

Citar
Respondido : 11/08/2023 10:06 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Maria.

 no se si debo usar toda ese trozo de lineas de código

No, simplemente tienes que añadir la línea /wp-includes/js/imagesloaded.min.js

screenshot mary52.webempresa.eu 2023.08.11 11 50 28

Esto simplemente excluye el archivo imagesloaded.min.js que es el que se encarga de la carga diferida de las imágenes

 

Un saludo

ResponderCitar
Respondido : 11/08/2023 10:54 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Maria Mino
 Maria Mino
Usuario eminente

Muchas gracias pepe, si ya lo acabo de hacer y todo super genial! 

Pero me doy cuenta que ahora solamente las imágenes de portada son las que se quedan sin cargar. Aparecen solo al hacer scroll.

Estoy buscando como solucionarlo, que otra linea de código tengo que agregar mas aun para que no afecta a las imágenes de portada de mi web.

Muchas gracias Pepe.

ResponderCitar
Respondido : 11/08/2023 11:19 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Maria Mino.

Lo que puedes hacer es desactivar la carga diferida de las imágenes.

.- Accede a Elementor -> Ajustes y desactiva la opción " Carga diferida de imágenes de fondo "

screenshot mary52.webempresa.eu 2023.08.11 12 33 46

.- Accede a WP Rocket -> Medios y desactiva la opción " Habilitar para las imágenes "

screenshot mary52.webempresa.eu 2023.08.11 12 36 34

 

Otra opcion podria ser excluir las imágenes de la portada, solo tienes que añadir el nombre de la imagen. 

screenshot mary52.webempresa.eu 2023.08.11 12 39 51

 

Un saludo

 

ResponderCitar
Respondido : 11/08/2023 11:41 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Maria Mino
 Maria Mino
Usuario eminente

Muchas gracias.

desactive esto - Accede a Elementor -> Ajustes y desactiva la opción " Carga diferida de imágenes de fondo " ya que lo segundo no lo tenia activo.

ResponderCitar
Respondido : 11/08/2023 4:41 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Maria Mino,

Gracias por la acotación en cuanto a las opciones de Elementor, nos confirmas si podemos dar por resuelta tu consulta

Saludos!

ResponderCitar
Respondido : 11/08/2023 5:01 pm