Por defecto, el sistema de caché de Cloudflare no opera sobre archivos HTML, sino que lo hace sobre CSS, JS e imágnes principalmente. Esto es porque dependiendo como esté contruído el sitio web, tener caché puede ayudar o perjudicar al funcionamiento.

Pero que no lo haga no significa que no se pueda, es posible activar el caché de HTML en tu sitio con una simple page-rule desde el panel de Cloudflare.

Beneficios de caché HTML

  • Las páginas son cacheadas y servidas desde el CDN
  • Al ser servidas por un CDN, siempre se hace desde servidres próximos al cliente mejorando la velocidad y respuesta
  • Proteje al servidor y sitio real de ataques, ya que estos caeran en los servidores de Cloudflare primero

Cuidado: Si cachea HTML y modifica el sitio, deberá limpair la caché Cloudflare para que se vea el cambio.

Cuándo me conviene usarlo

  • Si tu sitio es estático con páginas hechas en HTML
  • Si no actualizas tu sitio muy seguido

Cuándo no me conviene usarlo

  • Si tu sitio es un wordpress, joomla o similar
  • Si el sitio se actualiza seguido
  • Si el sitio se modifica según el cliente. Por ejemplo, un carrito de compras.

Como activo el Page-rule para caché en HTML

Primero deberás ingresar a tu panel de cloudflare. Verás la forma de acceso en tu panel de control de Mesi:

Una vez dentro del panel de Cloudflare, ve a la sección “Page Rules” y seleccioná “Add new Rule“.

Entonces completá estos valores sin modificar ningún otro:

  • Website domain: Coloque su dominio. En nuestro ejemplo pusimos tutorialesmesi.com.ar
  • Custom Caching: Seleccione “Cache everything
  • Edge cache expire TTL: Selecione “1 month
  • Browser cache expire TTL: Seleccione “30 Minutos

cloudflare(1)

Y luego hacé click en el botón verde de “Add rule” que verás abajo de todo.

Listo, con esto Cloudflare comenzará a cachéar tu sitio. Recuerda que el caché no es instantaneo y demorará un poco en hacer efecto.

 

Tutoriales relacionados