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

Reduzca la cantidad de componentes en sus páginas Las solicitudes HTTP son cómo 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.

Reduzca la cantidad de componentes en sus páginas

Las solicitudes HTTP son cómo 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 realizarán y más lentamente 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 en que puede reducir la cantidad de solicitudes HTTP, mientras mantiene diseños web ricos y de alta calidad.

  • Combinar archivos : el uso de hojas de estilo y scripts externos es importante para evitar que empañen los tiempos de carga de la página, pero no tenga más de un CSS y un archivo de script.
  • Usar CSS Sprites : cuando combina la mayoría o todas sus imágenes en un sprite, convierte múltiples solicitudes de imágenes en una sola. Luego, simplemente use 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 solían ser, pero cuando tiene imágenes contiguas pueden reducir las solicitudes de imágenes HTTP múltiples a solo una.

Utilice el almacenamiento en caché para mejorar los tiempos de carga de páginas internas

Al usar sprites CSS y CSS y archivos de 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 acceden 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.

Rate article
labsfabs.com
Add a comment