domingo, 1 de julio de 2012

tip para un sitio web más rápido, unir imágenes!

En uno de sus libros Steve Souders (High performance web sites ) indica que una de las formas de hacer un sitio web más rápido es DISMINUIR la cantidad de peticiones HTTP del cliente al servidor. Como es sabido por ustedes cada vez que se indica una imagen en una página web, de forma SEPARADA el cliente solictia al servidor la imagen y la coloca en el lugar adecuado. Efectivamente, primero baja el HTML (estático o generado por PHP u otro lenguaje ) y posteriormente va analizando los recursos uno por uno que tiene que pedir. De esa forma si tienen 15 imágenes en su sitio web, este realizará 16 solicitudes HTTP, una para el html y 15 para cada imagen. ¿cómo disminuirlas? Coloque en 1 imagen , las 15 imágenes! Efectivamente y por medio de CSS limiten la posibilidad de VISIÓN en cada imagen al segmento de la imagen que corresponde a la imagen que quieren visualizar. Esto puede reducir SIGNIFICATIVAMENTE el tiempo que tarda una página en cargarse! un buen artículo en la web para consultar esto es CSS Sprites: Image Slicing’s Kiss of Death, escrito por DAVE SHEA Claro que esto tiene pros y contras! ;-) espero que puedan probarlo y posteriormente pasaré un video de como realizarlo. hasta luego. jam

No hay comentarios:

Publicar un comentario