¿Eres un obseso del rendimiento web querido lector? Si tu respuesta es si estás de enhorabuena ya que en el post de hoy le hablaré sobre un sistema innovador que mejorará su velocidad web al máximo. Hoy vengo a hablarte sobre el sistema APO de Cloudflare.
¿Qué no sabes lo que es?
No te preocupes, es normal, esta funcionalidad potente (I barata) funcionalidad de Cloudflare apenas es conocida y no entiendo porqué ya que para páginas web estáticas en WordPress tipo blogs podrá mejorar tu rendimiento hasta un 44%.
Por tanto, sólo me entretengo que el post de hoy es super interesante!
¿Qué es el APO de Cloudflare para WordPress?
El sistema APO de Cloudflare para WordPress es un conjunto de optimizaciones para WordPress que realiza el propio Cloudflare para que muestre tu página web dinámica WordPress en modo estático directamente desde la CDN de Cloudflare.
Seguramente pensarías que sin la APO y con un simple CDN entregabas tu página en HTML pero estabas equivocado. Con el APO de Cloudfare no sólo entregarás tus archivos HTML, CSS, JSimágenes de forma estática, también entregarás fuentes y otros recursos externos.
De esta forma, el APO de Cloudflare reducirá aún más la utilización de recursos de tu servidor y, además, entregará tu página web al usuario en HTML puro acelerando así su velocidad de carga.
¿Vale la pena instalar el APO de Cloudflare en mi WordPress? Resultados
Como siempre se dice en internet, depende.
Te valdrá la pena instalar el APO de Cloudflare en tu página web WordPress si tu página web no requiere de muchas cookies para almacenar en caché. Es decir, te servirá a páginas web tipo blog, páginas web corporativas, etc.
Sin embargo, si tu página web es una tienda online, un membership site, un foro o una academia online el APO de Cloudflare no te funcionará tan bien.
De todas formas, a continuación le muestro los resultados obtenidos en mi página web en un servidor compartido de Siteground y los resultados obtenidos con el APO de Cloudflare activado en el Page Speed de Google:
Servidor compartido vs APO en Mobile:
- FCP: 2,4/2,4 (0% de mejora)
- Índice de velocidad: 3,9/2,4 (0,39% de mejora)
- LCP: 2,6/2,4 (0,39% de mejora)
- TTI: 2,4/2,4 (0,09% de mejora)
- TBT: 0/0 (0% de mejora)
- CLS: 0,029 / 0,025 (0,14 de mejora)
Servidor compartido vs escritorio APO:
- FCP: 0,7/0,4 (0,43% de mejora)
- Índice de velocidad: 1,2/0,7 (0,41% de mejora)
- LCP: 0,9/0,5 (0,44% de mejora)
- TTI: 0,7/0,4 (0,42% de mejora)
- TBT: 0/0 (0% de mejora)
- CLS: 0,109 / 0,079 (27% de mejora)
Como puede ver la mejora entre activar y no activar la APO de Cloudflare es sustancial en cuanto a velocidad de carga.
De todas formas, como te he comentado anteriormente, este tipo de resultados se dan principalmente en páginas web tipo blogs, corporativas, etc.
¿Si instalo el sistema APO ya no será importante mi hosting?
Estoy seguro de que ahora estarás pensando que si instalas la APO de Cloudflare en tu página web podrás contratar a un servidor de peor calidad y más barato ya que no importará.
¡Error!
Como te he comentado anteriormente, la APO ayuda a ciertos tipos de página web y sin una optimización previa de la página web a nivel de servidor, no conseguirás los números que te he mostrado anteriormente.
Ten en cuenta que tu hosting seguirá siendo importante ya que:
- En páginas web con muchas cookies el caché dejará de funcionar y, por tanto, el APO no será tan efectivo.
- La APO no optimizará nada de tu backend de WordPress.
- Si tienes muchos usuarios conectados a tu página web, tu rendimiento no se verá mejorado por APO.
- Hay opciones que APO por sí mismo no ofrece como: la carga diferida, optimización de imágenes, imágenes WebP, etc.
Cómo activar el sistema APO de Cloudflare en tu WordPress
Si finalmente te decides a activar el sistema APO de Cloudflare en tu página web debes saber que estás de enhorabuena ya que no sólo mejorarás el rendimiento de tu página web sino que además podrás hacerlo en menos de 5 minutos.
PD. Para activar la APO recuerda que tu página web deberá estar conectada previamente a Cloudflare y esto puede acarrear un cambio de DNS. Sin embargo, muchos plugins son partners de Cloudflare y con un simple botón en tu panel de control podrás conectar Cloudflare con tu página web.
Para instalar el APO de WordPress en tu página web deberás seguir estos pasos:
- Créate una cuenta en Cloudflare si todavía no tienes.
- Consigue tu token de la API de Cloudflare accediendo dentro de la plataforma a tu dominio y posteriormente pulsa sobre «Obtenga el token de la API» en la columna inferior derecha de la pantalla.
- Posteriormente Pulsa sobre Crear Token
- Seleccione la plantilla de WordPress
- En la siguiente pantalla deja las opciones por defecto
- En la pantalla de resumen pulsa sobre «crear Token»
- Copia el token “O código raro” que aparecerá en esta pantalla.
- Instala el Complemento oficial de Cloudflare para WordPress en tu página web.
- Una vez que lo hayas activado ve a Configuración > Cloudflare.
- Conecta tu cuenta con tu correo electrónico y el token recién copiado.
- Posteriormente ve hasta la sección Automatic Platform Optimization.
- Pago los 5 dólares que te piden al mes y cuando esté hecha la transferencia ya podrás activar la opción de utilizar la APO directamente desde el plugin de tu WordPress.
Cómo comprobar si la APO se ha activado correctamente
Una vez instalado y activado el APO de Cloudflare en tu página web será el momento de comprobar que todo funciona correctamente.
Por eso bastará no sólo con mirar las métricas de rendimiento sino que tendrás que ir un paso más allá. Para comprobarlo sigue estos pasos:
- Abre tu navegador Google Chrome en incógnito y accede a tu página web.
- Posteriormente pulsa el botón derecho > inspeccionar para abrir la consola de desarrolladores.
- Posteriormente ve a la sección “Network” o “red”.
- Recarga de nuevo la página pulsando F5.
- Comprueba que en las cabeceras aparecen los siguientes valores: cf-cache-status: Este valor debe ser «HIT» si por el contrario muestra «DYNAMIC» se estará produciendo algún error. cf-edge-cache: Aquí tendrás que poder ver el valor cache, platform=wordpress en todas tus páginas con caché.
¿Se puede activar el sistema APO de Cloudflare sin conector?
Por supuesto que se puede activar la APO de Cloudflare de WordPress sin plugin directamente desde tu cuenta de Cloduflare.
Sin embargo, al no utilizar el plugin estarás perdiendo algunas características como:
- HTML en caché con un TTL de 30 días.
- Invalidación de caché a los 30 segundos después de publicar o actualizar una entrada/página (Sin el plugin serán 30 minutos).
- Se omite HTML en la caché para los usuarios conectados.
- Se omite HTML en caché para páginas con cookies que no deben estar en caché, como páginas de WooCommerce, sitios de membresía, foros, etc.
- Se omite la petición al servidor de origen si una página se puede servir desde la CDN de Cloudflare, lo que reduce carga a su servidor. (Sin el conector será necesaria la petición en el servidor de origen).
Conclusiones Vale la pena utilizar el APO de Cloudflare
Bajo mi punto de vista SI vale la pena utilizar esta tecnología de Cloudflare en páginas web que requieran pocos usuarios conectados o pocos cambios puesto que así mostrarás un WordPress estático HTML a tus usuarios y la velocidad de carga de tu página web mejorará.
Sin embargo, su instalación puede comportarle algún problema y, por ello, para hacerlo siempre recomiendo la ayuda de un experto.
Ahora te toca a ti querido lector ¿Conocías la tecnología APO? ¿La probarás?
¡Explícame en los comentarios! ¡Nos vemos en dos semanas!
