Sobre optimización frontend e imagenes como background

[manguiti]

Buenas, estoy optimizando una web a través de herramientas como gtmetrix, las cuales indican diferentes técnicas tanto de lado del cliente como del servidor para agilizar la carga de la página.

Una de ellas, es especificar el tamaño de las imágenes con los atributos height y width, pero en esta web, estamos utilizando divs con la imagen como background y background-size: cover, por lo que todas las imágenes que aparecen de este tipo, la herramienta de medición las penaliza por no especificar sus medidas.

¿Sabéis alguna forma alternativa de poder "puntuar" bien en este tip utilizando imágenes como background?


Saludos

[webosiris]

perdona, pero cual es el propósito de intentar "engañar" a una herramienta que no importa para nada y solo intenta ser una guía? Ni que fuera un concurso de belleza

Además el punto que dices no aplica a las imágenes que aparecen como background, solo a las que aparecen como IMG en el HTML, lo acabo de probar con mi propia web y no me detectó ninguna de las img que están como fondo, solo las que están en el html.

[manguiti]

Buenas, el proposito es optimizar la web al maximo posible, si en esa herramienta puntuas bien quiere decir que lo estas haciendo bien, al menos en cuanto a rendimiento se refiere, haciendola rapida en la carga lo cual es un factor cada vez mas importante en los algoritmos de los motores de busqueda. Cada vez que veo otras webs de muchos que se vanaglorian con sus diseños y luego estan totalmente desoptimizadas, cargando los scripts al comienzo, haciendo cientos de peticiones y un largo etc... Es para mi un elemento diferenciador y creo que es algo importante.

Pero si, estaba equivocado y solo se aplica sobre etiquetas <img>, ademas, si se le indica por css el ancho y el alto también estaría bien.

Gracias por contestar ;)