Avisos
Vaciar todo

Desactivar lazy load en la primera imagen de producto  

 
Erik
 Erik
Usuario activo

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

Citar
Respondido : 07/02/2022 9:59 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 

ResponderCitar
Respondido : 07/02/2022 1:38 pm

Cursos Gratuitos WordPress