Cómo minimizar las solicitudes HTTP para mejorar los tiempos de carga

Reduzca el número de componentes en sus páginas

Qué saber

• Use hojas de estilo externas que no reduzcan los tiempos de carga de su página; no tenga más de un archivo CSS y script.
• Combine la mayoría o todas sus imágenes en un sprite CSS; convertirá varias solicitudes de imágenes en una sola.
• Los mapas de imágenes pueden reducir varias solicitudes de imágenes HTTP a una sola si tiene imágenes contiguas.

Este artículo explica cómo acelerar las páginas web minimizando las solicitudes HTTP sin minimizar su diseño web.

Cómo reducir las solicitudes HTTP sin destruir su diseño

Afortunadamente, hay varias maneras de reducir la cantidad de solicitudes HTTP mientras mantiene diseños web ricos y de alta calidad.

Combinar archivos- Usando hojas de estilo externas y los scripts son importantes para evitar que reduzcan los tiempos de carga de su página, pero no tengan más de un CSS y un archivo de script. Usar sprites CSS– Cuando combina la mayoría o todas sus imágenes en un sprite, 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 tiene imágenes contiguas, pueden reducir varias 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 CSS y script 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 sus lectores vayan a esas páginas internas, la imagen ya está descargada y en el caché. Por lo tanto, tampoco necesitarán una solicitud HTTP para cargar esas imágenes en sus páginas interiores.

¿Qué son las solicitudes HTTP?

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, y así sucesivamente.

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 realizarán y más lentas 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.