Minimizar Peticiones HTTP

El 80% del tiempo de respuesta de un sitio Web se pierde en la interfaz de tu sitio Web. La gran mayoría de ese tiempo esta ocupado descargando los componentes necesarios: imágenes,hojas de estilo, scripts, flash, etc.

Reduciendo el número de componentes por turnos se reducen las peticiones HTTP para mostrar la página. Y es ahí donde reside la clave para acelerar las páginas.

Una manera de reducir el numero de componentes en la página es simplificando el diseño.
Pero aún así ¿Cómo podemos lograr unos tiempos de respuesta más rápidos?

Pues aquí veremos algunos consejos para reducir el numero de peticiones HTTP sin tener que prescindir de un buen diseño.

Combinar ficheros es una manera de reducir el número de peticiones HTTP, por ejemplo combinando todos los scripts en un único fichero o agrupando todos los estilos en un sola hoja de estilos (CSS).

Al combinar los ficheros evitamos realizar múltiples peticiones y logramos una respuesta más rápida.

Utilizar trucos en las hojas de estilos (CSS) para reducir el número de peticiones de imágenes.

Combinar diferentes imágenes en una única y hacer uso de las propiedades 'background-image' y 'background-position' determinando las coordenadas y mostrando sólo la que nos interesa.
El tamaño total de las imágenes es el mismo pero al reducir las peticiones HTTP se acelera la carga de la página.

Utilizar mapas en imágenes también puede reducir el volumen de carga de imágenes, pese que para un menú todavía no está contemplado en términos de accesibilidad, por eso no está recomendado para esos fines.

Si usamos imágenes en el contenido del documento, realizamos una petición HTTP además de incrementar el tamaño del fichero y su carga.
Por eso es más óptimo invocar las imágenes desde las hojas de estilo y aprovechar el caché del navegador de dichos CSS. Por ejemplo haciendo uso de la propiedad 'background-image'.

Reduciendo el número de peticiones HTTP de tu página es la mejor manera de optimizar el tiempo de carga y es el más importante de los consejos para aumentar la impresión hacia los nuevos visitantes, ya que el 40-60% de tus lectores no tienen tu página en cache.

Del mismo modo, si conseguimos disminuir el tiempo de carga la primera vez que nos visitan, habremos conseguido que se lleven una buena impresión de tu sitio Web.

Introducción : Consejos para acelerar la carga de tu sitio Web. Introducción