Usa HTML Caching para aumentar la velocidad de la página

El tráfico pesado a un sitio web puede provocar problemas de rendimiento, una velocidad de página más lenta y menos conversiones.

En este artículo, compartiré un proceso simple para acelerar la carga de páginas. La idea es almacenar en caché no solo las imágenes y los scripts, sino también el contenido HTML. Después de todo, si el HTML tarda demasiado en cargarse, demorará todas las demás solicitudes.

Tenga en cuenta la captura de pantalla de abajo de Macy. Muestra el efecto de Macys.com al no almacenar el HTML de la página de inicio en su red de entrega de contenido. Esto añade un segundo de tiempo de carga de la página. Todos los demás recursos de la página se cargarán después de que se descargue y analice el contenido HTML. La página tardó 16.84 segundos en cargarse, lo cual es lento.

Ahora, considere Gap.com, que abordé en marzo como un ejemplo de un sitio lento. Desde entonces, The Gap lanzó un nuevo sitio web que almacena contenido HTML en su CDN. La solicitud de HTML ahora agrega solo 78.91 milisegundos: la página de inicio se carga en 3.60 segundos, lo cual es mucho mejor que los 15 a 20 segundos que tomó en marzo.

Almacenar en caché el contenido HTML en los sitios web de comercio electrónico, y los sitios web dinámicos en general, es complicado. No sucede de forma predeterminada en un CDN. La mayoría de las veces normalmente almacena en caché los recursos de páginas estáticas, como imágenes, hojas de estilo y scripts.

Contenido dinámico vs. contenido estático

Para sitios con contenido de página estático, es decir, no personalizado de ninguna manera, el almacenamiento en caché de la página no crea problemas. Pero para los sitios con contenido dinámico que cambia entre los usuarios, el almacenamiento en caché del contenido HTML podría crear errores.

Por ejemplo, un visitante que agrega productos a su carrito de compras cambia el contenido de todas las páginas para mostrar el número de artículos en el carrito. Si un comerciante de comercio electrónico almacena en caché las páginas de este usuario, otros usuarios verán un número inexacto de artículos en su carrito. Este concepto se aplica a cualquier tipo de personalización.

Hay al menos dos soluciones al problema.

– Implemente la personalización de la página web en archivos JavaScript separados y no los almacene en caché ni los almacene en caché por un período corto- Caché HTML solo para usuarios anónimos: usuarios que no ha

…Para leer más, siga el link del idioma que prefiera