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. que su página tiene más solicitudes se realizarán y más lento se cargarán sus páginas. La forma más fácil 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 formas de reducir la cantidad de solicitudes HTTP mientras se mantienen diseños web ricos y de alta calidad.
- Combinar archivos - Utilizando hojas de estilo externas y las secuencias de comandos es importante para evitar que atasquen los tiempos de carga de su página, pero no tenga más de un CSS y un archivo de secuencia de comandos.
- Utilice CSS Sprites - Cuando combina la mayoría o todas sus imágenes en un objeto, convierte varias solicitudes de imágenes en una sola. Luego, simplemente use la propiedad CSS de la 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 tienes 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
Mediante el uso de sprites CSS y archivos de script y CSS combinados, también puede mejorar los tiempos de carga de las páginas internas. Por ejemplo, si tiene una imagen de sprite que contiene elementos de páginas interiores, así como su página de destino, cuando los lectores accedan a esas páginas internas, la imagen ya está descargada y en el cache. Por lo tanto, tampoco necesitarán una solicitud HTTP para cargar esas imágenes en sus páginas interiores.