Cache warmer de sitios web gratuito

Cache warmer de sitios web gratuito

¿Alguna vez te has preguntado por qué algunos sitios web, como el mío, cargan al instante? ¡Es en parte gracias al caché! Al almacenar datos accedidos frecuentemente en el servidor o en el edge, el caché elimina la necesidad de costosos cálculos del lado del servidor, resultando en una experiencia de usuario súper fluida y rápida.

Hoy en día la mayoría de los sitios tienen una o más capas de caché, integradas por defecto o añadidas mediante un plugin. Sin embargo, ¡de alguna manera la mayoría de los plugins de caché apenas mejoran el rendimiento! Eso se debe probablemente a un bajo cache hit ratio. Afortunadamente podemos aumentar el cache hit ratio o detectar problemas de cache hit ratio usando un cache warmer. 

¿Qué es un cache warmer?

Cache warming es el proceso de precargar sitios web de acceso frecuente en la caché del servidor o del edge antes de que sean solicitados por los usuarios. Una vez que las páginas han sido almacenadas en caché por el servidor, este puede servir esas páginas directamente desde la caché y no necesita construir la página al vuelo. 

Un cache warmer generalmente 'rastreará' un sitio web basado en reglas establecidas por el dueño del sitio. Mi extensión de Chrome 'the cache warmer' toma un enfoque simple para estas reglas:

• Al abrir la extensión se muestra la página de inicio del sitio web actual
• Cuando activas el plugin de caché, visita la página de inicio y extrae todas las urls
• Las urls se ordenan por peso y la primera 'página no visitada con el mayor peso' es rastreada
• Este proceso se repite hasta que todas las páginas sean rastreadas o se alcance la cantidad máxima establecida de páginas. Lo que ocurra primero

¿Cómo mejora un cache warmer el rendimiento de pagespeed?

El objetivo principal del cache warming es prevenir "cache misses," que ocurren cuando los datos solicitados no se encuentran en la caché y deben ser construidos al vuelo por el servidor. Esto obviamente toma más tiempo que servir páginas simplemente desde la caché

Echa un vistazo a esta distribución de Time to First Byte de CoreDash. Muestra claramente 2 curvas de campana. La primera curva rápida y verde muestra visitas de página html rápidas y en caché y la segunda curva de campana más amplia muestra visitas de página sin caché más lentas.

Un Time to First Byte pobre siempre conducirá a métricas de pintura pobres como el First Contentful Paint y el Largest Contentful Paint y eso conducirá a métricas de Core Web Vitals fallidas.  

Estas métricas pobres tienden a sorprender a propietarios de sitios desprevenidos porque pueden ser difíciles de replicar ya que al probar tu propio sitio reconstruirás rápidamente esa caché y se vuelve fácil perderse este problema.

Entonces, ¿qué hice? Sí, he creado un poderoso cache warmer GRATUITO de un clic que simplifica el proceso de asegurar que tu caché esté siempre actualizada. Viene en forma de una extensión de Chrome y elimina la necesidad de utilidades de línea de comandos complejas, haciéndolo fácil de usar para todos..

¿Cómo usar el cache warmer?

¡Usar el cache warmer es bastante fácil! Estos son los pasos a seguir:

1. Instala el Cache Warmer en la tienda de Chrome

2. Para asegurar que mi pequeño y divertido plugin no sea tu última herramienta DDOS gratuita necesitas añadir esto a tu robots.txt para eliminar limitaciones de rastreo

User-agent: CacheWarmer
Crawl-delay: 0

3. Asegúrate de tener suficientes datos RUM de antes. Puedes usar una herramienta RUM como Core/Dash que es por mucho tu opción más económica.

4. Ejecuta el plugin. No verás que tu página está siendo rastreada. ¡Cada vez que visitamos una página debería crearse una versión en caché fresca de tu página!

5  Asegúrate de que tu caché no sea invalidada manualmente. Eso significa no publicar nuevas actualizaciones de contenido en tu sitio por unas horas y comparar el antes y el después

Si notas una gran diferencia (especialmente en la sección de desglose del LCP donde el LCP es trazado contra el TTFB) ¡esa es una gran indicación de que tu caché no está configurada correctamente!