Avisos
Vaciar todo

Desactivar lazy load en la primera imagen de producto

2 Respuestas
2 Usuarios
0 Reactions
14 Visitas
 Erik
Respuestas: 25
Eminent Member
Topic starter
 

Buenos días.

Tengo instalado el plugin wp-rocket, el cual me aplica el lazy load a todas las imágenes.

Me gustaría que para la primera imagen de la página de producto deje de aplicar la carga perezosa, ya que afecta a la métrica CLP de google.

Hay un apartado en wp-rocket donde puedo desactivar esta función para ciertas clases css. Sin embargo, no encuentra que clase css afecta únicamente a esta primera imagen, dejando el resto de la categoría con el lazy load. O, existe alguna forma de poder agregarle una clase a esta primera imagen de producto que no afecte al resto de imágenes?

 

Muchas gracias

Contenido solo visible a usuarios registrados


 
Respondido : 07/02/2022 9:59 am
Tags del tema
Karen Rios
Respuestas: 18666
Illustrious Member Moderator
 

Hola Erik, 

En este caso como lo explican Wp Rocket en su documentación puedes excluir las imágenes ya sea especificando el nombre o la clase de esta -> Contenido solo visible a usuarios registrados, por ejemplo podrías probar usando la clase que se asigna a tu imagen, por ejemplo

zoomImg  
woocommerce-product-gallery__wrapper zoomImg 

Otra opción es que añadas directamente el nombre de la imagen por ejepmlo

roboflex-create-smartmax.png

Puedes probar y revisar si con ello te permite excluir las imágenes que necesitas

Un Saludo 


 
Respondido : 07/02/2022 1:38 pm