Avisos
Vaciar todo

Imagenes reponsive woocomerce + elementor

6 Respuestas
2 Usuarios
0 Reactions
18 Visitas
Respuestas: 44
Trusted Member
Topic starter
 

Buenas noches. Cuando analizó con pagespeed todos las imagenes de producto de la versión móvil me dicen que son demasiado grandes. ¿Como puedo solucionarlo? Gracias

Screenshot 20251117 195641 Chrome

 

Contenido solo visible a usuarios registrados


 
Respondido : 17/11/2025 7:06 pm
Bruno
Respuestas: 6609
Illustrious Member Moderator
 

Que tal Montserrat,

Si bien es una alerta que puede ser omitida ya que en la mayoría de los casos Pagespeed de Google suele ser muy riguroso en sus analisis representando alertas a apartados que no afectan en lo absoluto, lo recomendable es optimizar las imágenes

Desde Elementor tenemos la capacidad de mostrar/ocultar contenido segun su resolución, una alternativa es el cambiar las imagenes en uso acorde a la resolucion aunque el resultado desde Pagesspeed puede ser el mismo 

Tenemos un artículo donde profundizamos en el tema https://www.webempresa.com/blog/como-optimizar-imagenes-wordpress.html

Echale un vistazo

Saludos!


 
Respondido : 17/11/2025 8:10 pm
Respuestas: 44
Trusted Member
Topic starter
 
  • Muy interesante. He leído todo el artículo pero no veo como hacer que cuando entras en la página desde un móvil se cambie el tamaño de los productos a 181x181 automáticamente. Es posible?

 
Respondido : 17/11/2025 8:57 pm
Bruno
Respuestas: 6609
Illustrious Member Moderator
 

Hola Montserrat,

Como mencionaba desde Elementor tienes dos maneras de gestionar tamaños concretos de una determinada imagen segun el dispositivo donde se visualice

Por un lado siempre podrás redimensionar la imagen segun la resolución de pantalla

img desktop

Haciendo que en mobile sea mas pequeña

img mobile

Tambien tienes la opción de mostrar/ocultar elementos segun la resolución 

adaptabilidad

Cualquiera de las dos opciones es valida

Saludos!


 
Respondido : 17/11/2025 9:56 pm
Respuestas: 44
Trusted Member
Topic starter
 

Hola. Ya. Mi problema es que todas las imagenes están dentro de un widgets de woocommerce y no se cambiar el tamaño para movil

 


 
Respondido : 18/11/2025 3:57 am
Bruno
Respuestas: 6609
Illustrious Member Moderator
 

Que tal Montserrat,

Entiendo que la situación con las imágenes se radica es en las que se utilizan en la vista de los productos es correcto?

Si este es el caso siempre puedes ajustar la proporción de estas imágenes desde las opciones de personalización de WooCommerce

Si vamos a Apariencia -> Personalizar -> WooCommerce -> Imágenes de producto veremos las siguientes opciones

img woo

Desde este apartado puedes definir los tamaños de las imágenes usadas en un producto sin embargo hay que tener presente lo antes mencionado, a menos resolución menor calidad de imagen y lo sugerido por Pagespeed no es precisamente una acción que deba ser obligatoria si ya has aplicado las buenas practicas de optimización de imágenes en tu sitio web

Saludos!


 
Respondido : 18/11/2025 4:18 pm