Full Page Caching de CloudFlare: ¿Indispensable?

Mi receta de velocidad se compone de diferentes medidas de optimización, plugins y servicios.

Yo creo que debes tener un buen hosting y dejar de andar compartiendo tu servidor con cientos o miles de sitios de desconocidos.

Mi recomendación por precio y calidad es usar Cloudways que te permite usar hospedaje web en la nube

Prueba Gratuita de Cloudways

Soy fan de GeneratePress, un tema super económico para usar en un máximo de 500 sitios.

CloudFlare es la cereza en el pastel si tienes un sitio bien optimizado.

Dentro de CloudFlare puedes proteger tu sitio con reglas de Firewall y puedes usar el Full Page Caching implementado con reglas de página.

Full Page Caching de CloudFlare

CloudFlare es una red de contenido global por lo que una vez que agregas tu sitio a CloudFlare, parte de tu contenido será servido desde esa red de contenido Global y no desde tus servidores.

CloudFlare por default va a servir desde sus servidores archivos CSS, JS e imágenes pero no va a servir el código HTML por lo que un grado, tu servidor continuará trabajando mientras esta conectado al CDN de CloudFlare.

Las reglas de página (Page Rules) permiten servir absolutamente todo desde de la red de contenido global de CloudFlare.

En términos simples es como que si tu sitio estuviera hospedado en CloudFlare.

Usar el Full Page Caching de CloudFlare tiene dos ventajas:

  1. Tienes una mejora en la velocidad de tu sitio.
  2. Le ahorras recursos a tu servidor.
  3. Puedes olvidarte de los plugins de caché (Borré WP Rocket)

Una foto dice más cosas que mil palabras, este es el resultado de implementar Full Page Caching en tu sitio.

Un ahorro de 96% en el ancho de banda en las ultimas 24 horas por lo que de todas las solicitudes, solo el 4% fueron hechas a mi servidor.

Ese dato complementa mucho las estadísticas de mi servidor de Digital Ocean administrado por Cloudways.

Prácticamente tengo a mi servidor en vacaciones o al menos 98% de esos recursos.

¿Quién Debería Usar Full Page Caching?

Mi recomendación es que los creadores cuyo contenido permanece estático la mayor parte del tiempo deberían usar el full page caching de CloudFlare.

Los que monetizan con Adsense y mercado de Afiliación deberían usarlo ya que en la mayoría de los casos, publican algo y el contenido no sufre cambios hasta el momento que decides publicar algo nuevo o actualizar ese contenido.

Los sitios de WooCommerce y de Membresia son un poco más complejos ya que hay parte importante del contenido que no va a cambiar con mucha frecuencia.

Se requieren más reglas para crear excepciones y CloudFlare solo dispone de 3 reglas gratuitas.

Las reglas adicionales valen $5 por mes. Nada del otro mundo pero yo no te voy a decir como administrar tu dinero.

¿Cómo Implementar el Full Page Caching?

Asumo que estas en CloudFlare o que vas a agregar tu sitio muy pronto a esa red de contenido Global.

La gran mayoría de las funcionalidades de CloudFlare se manejan desde este menú.

Vas a ir a caching, luego a configuración, Luego vas a la sección que dice Browser Cache TTL y escoges Respect Existing Headers.

Una vez hecho eso, vas a ir desde el menu principal donde dice Page Rules (Reglas de Pagina)

Vas a crear tres reglas:

  • Una regla para que no se vea afectado el escritorio
  • Una reglas para que las vistas previas de pagina y entradas no se vea afectado
  • Y una regla para que todo que no haya sido descrito anteriormente sea servido desde los servidores de CloudFlare.

Estas son mis reglas, solo cambia el nombre de dominio donde corresponde y el trabajo esta hecho.

Creo que en este caso el orden de los factores afecta el orden del producto, por lo que procura que esten en ese orden.

Las puedes mover fácilmente.

Actualizaciones con el Full Page Caching

WP Rocket tiene un complemento para CloudFlare por lo que cada vez que actualizas una entrada, este complemento le indicará que debe volver a ir al origen para obtener el contenido actualizado.

Complemento para CloudFlare en WP Rocket

WP Fastest Cache es otro plugin que tambien tiene un complemento de CloudFlare.

Sin estos complementos, CloudFlare no puede saber lo que ha cambiado en el sitio y tendrás que purgar el cache de manera manual.

Puedes purgar el caché de una dirección o todo el caché desde el panel de CloudFlare

Opción para Purgar el caché de CloudFlare de manera manual

En mi caso, yo no uso plugin de caché por lo que usualmente tengo el panel de CloudFlare cuando trabajo en alguno de mis sitios.

Opciones para Aplicar un Política de Caché Agresiva

Si no deseas aplicar un full page caching de manera manual, puedes usar CloudFlare APO o puedes usar WP CloudFlare Super Page Cache.

CloudFlare APO es un servicio cuyo costo es de 5$ mientras que el plugin WP CloudFlare Super Page Cache es un plugin gratuito que implementa las reglas desde tu escritorio de WordPress.

¿Se Deberían Eliminar el Plugin de Cache?

Una de mis grandes inquietudes sobre la implementación Full Page Caching es si debo continuar usando un plugin de cache.

La lógica me dijo que no usará más WP-Rocket pero tenía mis inquietudes sobre eso.

Recientemente instalé Swift Performance Lite y este plugin tiene una opción para calentar el caché (Warm up the Cache)

Una vez que la página está en el caché de CloudFlare, el warm-up de Swift Performance Lite no puede generar el caché ya que el contenido está siendo distribuido por el CDN de CloudFlare.

La función del warm-up del caché de Swift Performance Lite es muy útil para calentar el caché cuando se desecha el caché de CloudFlare que tiene un máximo de un mes.

Conclusiones y Recomendaciones

Si el contenido de tu sitio no cambia con frecuencia, debes usar el Full Page Caching de CloudFlare para darle una larga vida a tu servidor.

Si tienes un proveedor de Hosting que es pésimo pero no cuentas con recursos para contratar algo mejor tienes que usar el full page caching de CloudFlare.

Mi recomendación final es que optimizes tu sitio y que la implementación de esta política agresiva de Caching lleve a tu sitio a otro nivel en términos de velocidad

Un Fully Loaded Time de 0.3 segundos.

Información Relacionada

Estas son algunas publicaciones que te podrian interesar

  1. Cómo Usar la Cascada de GTMetrix
  2. Reseña sobre CloudFlare APO: ¿Debería Usarlo?
  3. Mejorar Resultados de Core Web Vitals
  4. Reseña sobre WP CloudFlare Super Page Cache
  5. Flying Scripts y Adsense: La Cura
  6. Mejorar la Velocidad de WordPress: 23 Formas
  7. Reseña sobre Perfmatters
  8. Reseña sobre WP Rocket
  9. Reseña sobre CloudFlare: 16 Preguntas
  10. CloudFlare y Jetpack ¿Funcionan Juntos?