¿Funciona el complemento de velocidad de WordPress de $5/mes de Cloudflare?

Publicado: 2022-02-23

La velocidad de WordPress es muy importante en estos días. Para SEO, para la experiencia del usuario y para no molestar a los visitantes de su sitio en general. WordPress, sin embargo, puede ser un poco lento si se deja solo.

Hay muchas formas de mejorar la velocidad de WordPress, y he revisado muchas de ellas a lo largo de los años: complementos de optimización como perfmatters o WP Rocket; redes de entrega de contenido (CDN); compresión de imágenes, temas rápidos de WordPress y hosting. En esta publicación, estoy revisando algo un poco diferente: el complemento de velocidad premium de WordPress de Cloudflare ($ 5 / mes). Cubriré qué es, cómo configurarlo y medir cuánto realmente ayuda a acelerar WordPress para que pueda saber si vale la pena pagarlo.

Vayamos rápido a eso.

Tabla de contenido

¿Qué es el complemento de velocidad de WordPress de Cloudflare?

Cloudflare es una empresa de infraestructura y rendimiento web fundada en San Fransisco en 2009. Si bien ofrecen varios servicios de sitios web premium, muchos usuarios de WordPress están registrados en el servicio gratuito DNS (Domain Name System), CDN y SSL (Secure Sockets Layer) de Cloudflare.

servicio gratuito de cdn de cloudflare

El plan gratuito de Cloudflare puede ayudar a acelerar los sitios web de WordPress mediante el almacenamiento en caché de recursos estáticos y luego sirviéndolos desde diferentes ubicaciones globales. En lugar de que cada visitante del sitio necesite acceder a la ubicación de su servidor de origen único (por ejemplo, con sede en Nueva York), el visitante recibirá contenido estático del servidor de CDN de Cloudflare más cercano a él.

ubicaciones de servidores cloudflare
La red de servidores de Cloudflare se distribuye en 200 ciudades de todo el mundo

El complemento de velocidad de WordPress de Cloudflare es parte de los servicios de Optimización automática de plataforma (APO) de la compañía y cuesta $ 5 / mes (por 1 dominio) que afirma "sobrealimentar su sitio de WordPress" con almacenamiento en caché y optimizaciones para que se cargue hasta 3 veces más rápido. Para el resto de esta publicación, nos referiremos a ella como APO de WordPress de Cloudflare para abreviar.

complemento de velocidad de wordpress de cloudflare

Solo puede usar el complemento APO de WordPress de Cloudflare si ya está registrado en su plan CDN gratuito y usa sus servidores de nombres (como clyde.cloudflare.com o angelica.cloudflare.com).

¿Cómo funciona el APO de WordPress de Cloudflare?

Cloudflare soluciona 3 problemas principales con la carga lenta del sitio web:

  1. La distancia entre su sitio web y el navegador del visitante se acorta (por lo tanto, los datos viajan más rápido) ya que Cloudflare almacena cachés en más de 200 ubicaciones globales.
  2. Cloudflare almacena en caché los archivos estáticos como estándar (su plan CDN gratuito), lo que reduce las solicitudes a su servidor de origen (es decir, el host de su sitio web).
  3. El APO de WordPress de Cloudflare almacena en caché todo su sitio web, lo que acelera aún más el tiempo de entrega al visitante.

El APO de WordPress de Cloudflare utiliza Cloudflare Workers (una plataforma de aplicaciones sin servidor que se ejecuta en su red global en la nube de 200 ciudades) para almacenar contenido dinámico en caché, es decir, almacenar una copia estática.

Su sitio web de WordPress es dinámico, es decir, las páginas se construyen utilizando un proceso PHP cuando un visitante accede a ellas. Un sitio web puramente estático solo contendría código HTML que nunca cambia. El contenido estático se puede entregar rápidamente porque no se requiere procesamiento . Cuando usa el CDN gratuito de Cloudflare, Cloudflare crea y almacena contenido estático de su sitio web de WordPress para entregarlo desde un servidor más cercano a su visitante. Se parece un poco a esto:

almacenamiento en caché de cloudflare

Como puede ver en el diagrama anterior, Cloudflare ha almacenado en caché parte del contenido estático (imágenes .jpg) y las entrega al usuario final sin tener que solicitarlas a su servidor de alojamiento. Sin embargo, parte del contenido no se puede almacenar en caché, como HTML, porque los sitios de WordPress no almacenan HTML, solo archivos PHP que procesan HTML a pedido.

En este ejemplo, Cloudflare acelerará su sitio de WordPress, pero se limita solo a almacenar en caché imágenes y archivos estáticos como CSS.

Sin embargo, si usa el APO de WordPress de Cloudflare, Cloudflare almacena en caché, almacena y entrega todo el contenido , así:

almacenamiento en caché apo de wordpress de cloudflare

Cloudflare entrega ahora todo el contenido, incluso las fuentes de terceros, lo que hace que TTFB (Tiempo hasta el primer byte) sea más rápido. Esto se debe a que el contenido de Cloudflare es tanto estático (es decir, rápido de entregar, ya que no tiene que solicitarlo), como en ubicaciones geográficas cercanas al visitante.

Si usa el complemento gratuito de WordPress de Cloudflare, le informará a Cloudflare cuando realice cambios en su sitio para que pueda buscar y crear un nuevo caché estático cada vez. Todavía puede usar el servicio de velocidad sin un complemento, pero sus visitantes pueden tardar hasta 30 minutos en ver los cambios en el sitio web. En base a esto, asumo que con la configuración de APO de WordPress de Cloudflare, Cloudflare solicitará las páginas de su sitio desde su servidor cada 30 minutos y almacenará copias estáticas en su red.

Cómo configurar el complemento de velocidad de WordPress de Cloudflare

Ahora que conoce la tecnología detrás de WordPress APO de Cloudflare, le mostraré cómo configurarlo.

Si aún no está utilizando la CDN gratuita de Cloudflare, primero deberá configurarla. En lugar de repetir los pasos como un loro, aquí está la guía de configuración de 5 minutos de Cloudflare.

Ahora que está utilizando el DNS de Cloudflare, está listo para obtener el complemento de optimización de velocidad de WordPress.

1. Inicie sesión en Cloudflare y vaya a Velocidad > Optimización

configuración de velocidad de Cloudflare

Inicie sesión en Cloudflare y navegue hasta "Velocidad" en el menú de la derecha, luego haga clic en "Optimización" (si todavía tiene el diseño anterior, el menú principal estará en la barra superior).

2. Compre la optimización automática de la plataforma para WordPress

Desplácese hacia abajo hasta la sección titulada "Optimización automática de la plataforma para WordPress" .

optimización automática de la plataforma para wordpress

Si aún no ha instalado el complemento de WordPress de Cloudflare, verá un botón que le pedirá que lo instale. Ignóralo por ahora y haz clic en "Comprar".

optimización automática de la plataforma para el pago de wordpress

Ingrese sus detalles de pago (Cloudflare acepta tarjeta de crédito o PayPal) para continuar. Estarás configurando un pago recurrente de $5/mes, y dado que no hay una prueba gratuita, se te facturarán los primeros $5 de inmediato. No hay límite para el plan, por lo que pagará $ 5 por mes por cualquier dominio único, independientemente de la cantidad de tráfico que obtenga . Puede utilizar el servicio con subdominios ilimitados sin cargo adicional.

3. Instale el complemento de WordPress de Cloudflare (opcional)

Si bien no es esencial, recomiendo usar el servicio APO de WordPress de Cloudflare junto con su complemento gratuito, ya que purga automáticamente los cachés antiguos y actualiza Cloudflare cuando realiza cambios en su sitio. también te ayuda

instalar el complemento de wordpress de cloudflare

Descargue el complemento de WordPress de Cloudflare o instálelo desde su Tablero > Complementos > Agregar nuevo .

Activa el complemento. Ahora deberá sincronizarlo con su cuenta por API. Vaya a Configuración > Cloudflare y verá un aviso para iniciar sesión en su cuenta.

iniciar sesión en cloudflare desde wordpress

En lugar de iniciar sesión con su correo electrónico y contraseña como lo hace en Cloudflare, deberá ingresar su correo electrónico y la clave API de Cloudflare.

Cómo generar un token API gratuito de Cloudflare

generar clave api de cloudflare gratis

Inicie sesión en su cuenta de Cloudflare, haga clic en el icono de usuario en la esquina superior derecha y seleccione "Mi perfil" en el menú desplegable. Luego seleccione "Tokens de API" en el menú de la izquierda y haga clic en "Crear token" para generar un token de API.

4. Activar la optimización automática de la plataforma

optimización automática de plataforma para wordpress activar

Desde el panel de control de Cloudflare, navegue hasta Velocidad > Optimización y desplácese hacia abajo hasta la sección "Optimización automática de la plataforma para WordPress:". Active la función (cambiará de azul a verde).

verificar que cloudflare wordpress apo funciona

Para probar que funciona, vaya a UpTrends.com, pegue su dominio y verifique los encabezados de respuesta para el código de Cloudflare (arriba). Debe tener un aspecto como este:

verifique los encabezados del sitio web cloudflare

Si tiene problemas para configurar el APO de WordPress de Cloudflare, encontrará ayuda en su guía de configuración de APO de WordPress.

Ahora es el momento de ver cuánto de Cloudflare puede acelerar su sitio de WordPress.

¿Qué tan rápido es el APO de WordPress de Cloudflare?

Este es el millón ¡Pregunta de cinco dólares!

Probé qué tan rápido se cargó mi sitio web de WordPress (este que estás leyendo) antes y después de usar el complemento de velocidad de WordPress premium de Cloudflare.

Tenga en cuenta que en mis pruebas anteriores ya estaba usando muchas optimizaciones de velocidad: CDN gratuito de Cloudflare, imágenes comprimidas con ShortPixel y rendimiento optimizado con perfmatters. El alojamiento de mi sitio web (el plan de $10/mes de Cloudways en los servidores de DigitalOcean) también utiliza el almacenamiento en caché del servidor Varnish.

Con la herramienta PageSpeed ​​Insights de Google, medí el rendimiento móvil (los puntajes vitales web principales móviles son los más importantes para Google) de una de mis páginas. Aquí está el resultado antes de agregar el servicio de velocidad de WordPress de Cloudflare :

antes de la prueba de velocidad

Y aquí está después :

después de la prueba de velocidad

Obtuve un modesto aumento de velocidad, con una mejora general en la puntuación de 83/100 a 89/100.

First Contentful Paint (FCP, el tiempo que tarda en cargarse el primer elemento) se redujo de 2,1 segundos a 1,8 segundos. Google recomienda que el sitio apunte a un tiempo de FCP de 1,8 segundos o menos, por lo que ahora estoy en verde.

El tiempo de interacción (TTI, el tiempo que tarda el usuario en poder interactuar con una página) se redujo un poco de 3,6 a 3,3 segundos.

La puntuación de mi índice de velocidad (qué tan rápido se muestra visualmente el contenido durante la carga de la página) bajó de 3,1 a 1,8 segundos.

El tiempo total de bloqueo (TBT, tiempo total que una página está bloqueada para que no responda a los clics del mouse del usuario, etc.) se redujo de 140 ms a 60 ms.

La pintura con contenido más grande (LCP, cuánto tiempo tarda una página en cargarse por completo) se redujo de 3,9 a 3,6 segundos, pero sigue siendo demasiado lenta según el punto de referencia de mejores prácticas de Google de 2,5 segundos o menos.

Los tiempos de carga de mi escritorio ya eran bastante buenos (98/100), pero aumentaron a 99/100. Dado que la mayoría de mis usuarios (alrededor del 70 %) usan dispositivos de escritorio, me complace brindarles tiempos de carga rápidos. Sin embargo, dado que Google usa la indexación móvil primero, son los tiempos de carga móvil en los que me enfoco cuando optimizo un sitio para la búsqueda (¡y usted también debería hacerlo!).

En general, estoy satisfecho con las mejoras en la velocidad de la página que APO de Cloudflare brindó, ya que el costo total para mí fue de $5 y un par de minutos de tiempo de configuración.

Tuve un problema en el pasado con puntajes lentos de LCP en dispositivos móviles, así que me complace que el servicio de optimización de Cloudflare lo haya solucionado.

encontrar urls lento lcp paginas gsc
Informe de Google Search Console que muestra problemas de carga de LCP antiguos en dispositivos móviles

Desde que cambié a APO de Cloudflare, puedo ver que todas las páginas de mi sitio pasan la verificación Core Web Vitals de Google en dispositivos móviles según los datos de navegación de los usuarios del mundo real.

consola de búsqueda core web vitals
Todas las páginas de mi sitio están pasando las pruebas de vitales de la web central móvil de Google.

Veredicto final: ¿Vale la pena el APO de WordPress de Cloudflare?

¡La respuesta corta es sí! Por $ 5 / mes, obtiene un aumento significativo en la velocidad del sitio web de WordPress, sin necesidad de esfuerzo. Uso alojamiento económico ($10/mes de Cloudways), por lo que mi configuración sigue siendo significativamente más económica que el alojamiento premium de WordPress de compañías confiables como Kinsta (desde $30/mes).

Idealmente, me gustaría que mis páginas se cargaran aún más rápido, ¡pero todavía estoy trabajando en ello! Mira este espacio…

Mientras tanto, puedo concluir que incluso si ha intentado mejorar la velocidad de WordPress con algunos complementos y compresión aquí y allá, Cloudflare aún puede ofrecer una buena mejora a un bajo costo y con un mínimo esfuerzo. Recomendado.