Full Page Caching de CloudFlare: ¿Indispensable?

Mi receta para que mis sitios de WordPress cargen rapidamente 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

Soy fan de GeneratePress, un tema super económico y liviano 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 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)

Resultados con Cloudflare Full Page Caching

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 96% 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 va a cambiar con mucha frecuencia.

¿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.

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.

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

Otro plugin de cache que trabajo de la mano con Cloudflare es Swift Performance Lite

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

Purgar Cache Manualmente desde CloudFlare

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

Adicionalmente puedes usar el plugin oficial de Cloudflare para que los cambios realizados recientemente se vean reflejados al instante.

Otras Opciones para Implementar el Full Page Caching

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)

La función del warm-up del caché de Swift Performance Lite es muy útil para calentar el caché cuando se vacia el caché de CloudFlare.

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 y no por el servidor de Digital Ocean administrado por CloudFlare.

Esto demuestra que los plugins de cache no son 100% necesario cuando hablamos estrictamente de cache.

Recuerden que los plugins de cache se han convertido en cuchillo suizo y que estos tienen muchas funcionalidades que no se relacionan estrictamente con el cache.

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

Mas Sobre WordPress

Estas son algunas publicaciones que te podrian interesar

1. Optimizar el CSS de la Librería de Bloques de Gutenberg
2. Reseña Honesta sobre PerfMatters
3. Reseña sobre Ad Inserter Pro
4. Reglas de Firewall de CloudFlare
5. Reseña sobre CloudFlare APO: ¿Debería Usarlo?
6. Bloquear Direcciones IP por Seguridad: ¿Una Locura?
7. 7 Plugins de Cache para WordPress