Las solicitudes HTTP son la forma en que los navegadores solicitan ver sus páginas. Cuando su página web se carga en un navegador, el navegador envía una solicitud HTTP al servidor web para la página en la URL. Luego, a medida que se entrega el HTML, el navegador lo analiza y busca solicitudes adicionales de imágenes, scripts, CSS, Flash, etc.
Cada vez que ve una solicitud de un nuevo elemento, envía otra solicitud HTTP al servidor. Cuantas más imágenes, scripts, CSS, Flash, etc. tenga su página, más solicitudes se harán y más lentas se cargarán. La forma más sencilla de reducir la cantidad de solicitudes HTTP en sus páginas es no usar muchas (o ninguna) imágenes, scripts, CSS, Flash, etc. Pero las páginas que son solo texto son aburridas.
Cómo reducir las solicitudes HTTP sin destruir su diseño
Afortunadamente, hay varias maneras de reducir la cantidad de solicitudes HTTP, al mismo tiempo que se mantienen diseños web ricos y de alta calidad.
- Combinar archivos - El uso de hojas de estilo y scripts externos es importante para evitar que se atasquen en los tiempos de carga de su página, pero no tiene más de un archivo CSS y un archivo de script.
- Utilizar CSS Sprites - Cuando combinas la mayoría o todas tus imágenes en un sprite, conviertes múltiples solicitudes de imágenes en solo una. Luego solo usa la propiedad CSS de la imagen de fondo para mostrar la sección de la imagen que necesita.
- Mapas de imagen - Los mapas de imágenes no son tan populares como lo eran antes, pero cuando tiene imágenes contiguas puede reducir múltiples solicitudes de imágenes HTTP a solo una.
Utilice el almacenamiento en caché para mejorar los tiempos de carga de la página interna
Al usar sprites CSS y archivos de script y CSS combinados, también puede mejorar los tiempos de carga para las páginas internas. Por ejemplo, si tiene una imagen de sprite que contiene elementos de páginas interiores así como también su página de destino, cuando sus lectores visitan esas páginas internas, la imagen ya está descargada y en la memoria caché. Así que tampoco necesitarán una solicitud HTTP para cargar esas imágenes en sus páginas interiores.