Google PageSpeed Insights: Eliminar el aviso "Los elementos de imagen no tienen width y height explícitos"
PageSpeed Insights es una herramienta gratuita que Google pone a disposición para mejorar la velocidad de tus páginas web.
Si después de analizar su página le aparece el aviso "Los elementos de imagen no tienen width y height explícitos" debes seguir estas instrucciones:
Hay que sustituir la etiqueta
##imagen##
en las plantillas de las mini-ficha de los listados de artículos que se incluyan en la web por su equivalente en código html
<div class="web-mod-art-img"><a href="##url##"><img src="##url_imagen##" alt="##alt_imagen##" width="##size_imagen##" height="##size_imagen##" class="img-responsive"/></a></div>
En concreto se trata de localizar los siguientes módulos en las estructuras de su web
- Grupo Módulos Generales
Listado Artículos
- Grupo Módulos de Listado
Recomendados / Categoría
Listado de Resultados
- Grupo Ficha Artículo
Artículos del Pack
Packs disponibles
Artículos relacionados
Para el resto de casos el cambio es automático y se indicará el tamaño adecuado según los valores definidos en Preferencias
- Atributos de filtros
- Imágenes de miniaturas en listado de productos
- Imágenes de miniaturas en ficha de producto
- Imágenes en ficha de productos
- Imágenes de categorías de la home
Para los Sliders no hay problema porque guardamos los tamaños de cada imagen subida.