Las peticiones 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 petición HTTP al servidor web para la página de 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 petición de un nuevo elemento, envía otra petición HTTP al servidor. Cuantas más imágenes, scripts, CSS, Flash, etc. tenga su página, más peticiones se harán y más lentas se cargarán sus páginas. La manera más fácil de reducir el número de peticiones HTTP en sus páginas es no utilizar muchas (o ninguna) imágenes, scripts, CSS, Flash, etc. Pero las páginas que son sólo texto son aburridas.
Cómo reducir las solicitudes HTTP sin destruir el diseño
Afortunadamente, hay varias maneras de reducir el número de solicitudes HTTP, manteniendo al mismo tiempo 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 la página, pero no tienen más de un archivo de CSS y un script.
- Usar CSS Sprites – Cuando combinas la mayoría o todas tus imágenes en un sprite, conviertes múltiples solicitudes de imágenes en una sola. A continuación, utilice la propiedad CSS de imagen de fondo para mostrar la sección de la imagen que necesita.
- Mapas de imágenes – Los mapas de imágenes no son tan populares como antes, pero cuando se tienen imágenes contiguas pueden reducir múltiples solicitudes de imágenes HTTP a una sola.
Utilice el almacenamiento en caché para mejorar los tiempos de carga de la página interna
Utilizando sprites CSS y archivos CSS y script combinados, también puede mejorar los tiempos de carga de las páginas internas. Por ejemplo, si tienes una imagen de sprite que contiene elementos de páginas interiores así como de tu página de destino, entonces cuando tus lectores van a esas páginas internas, la imagen ya está descargada y en la caché. Así que tampoco necesitarán una petición HTTP para cargar esas imágenes en sus páginas interiores.
