20/06/2013, 03:05
|
| | | Fecha de Ingreso: junio-2007 Ubicación: Cádiz
Mensajes: 369
Antigüedad: 17 años, 5 meses Puntos: 7 | |
| Optimización velocidad de carga
Hola a todos, estoy tratando de optimizar al máximo posible una web hecha con responsive design. Al pasarle la herramienta Gtmetrix, me indica que varias imágenes servidas a 171x109 se muestran en resoluciones bajas a 146x93, por lo que en esas resoluciones, si muestro la imagen en ese tamaño se consigue un 28% de reducción.
El tema está en que para hacer esto, tendría que incluir la ruta de la imagen mediante css y añadirla como fondo de un div, lo que le quitaría semántica a la estructura del sitio.
Llegados a este punto, veo dos posibilidades:
1. servir siempre la imagen pequeña aumentando los margenes entre ellas en resoluciones mayores pero mantiendo la etiqueta image como contenido de la web.
2. servir diferentes tamaños dependiendo de la resolución añadiéndolas mediante css background.
¿Qué creéis que es prioritario en ese sentido y que haríais vosotros?
Espero que se haya entendido.
Gracias anticipadas ;) |