improve-wordpress-speed-with-cloudflare-es.svg

Mejorar la velocidad de WordPress con Cloudflare

Sin duda, WordPress con Cloudflare es una muy buena combinación.

Conseguirás mejorar la velocidad y la seguridad de tu sitio WordPress.

En este post te damos las claves y te ayudamos en el proceso de puesta en marcha.

Tabla de contenidos

Introducción

Cloudflare ha alcanzado a lo largo de los últimos años gran popularidad como empresa gestora de DNS (Domain Name Servers).

Pero además de su actividad como DNS, proporcionan todos ellos relacionados con el hecho ser el primer eslabón de la cadena encargada de servir una página web:

  • Seguridad en el acceso a contenidos SSL/TLS.
  • Mitigación de ataques DDoS.
  • Cache, CDN (Content Delivery Network)
  • Cortafuegos.
  • Optimización de WordPress APO (Automatic Platform Optimization).
  • Registro de dominios.
  • y un sinfín de microservicios más.

¿Cómo trabaja Cloudflare?

El primer paso de la secuencia encargada de servir una página web es la resolución de nombres. Cuando escribes en un navegador una dirección en forma de dominio p.ej. https://wetopi.com, lo primero que hace el navegador es preguntarle a un Servidor de Nombres, dónde se sirven las páginas de wetopi.com

Aquí es donde entra en juego Cloudflare.

Cuando Cloudflare actúa como DNS, es él quien indica a qué servidor web hay que ir a pedir la página web. Hasta aquí no hay diferencia con otro servicio DNS (como el que nos pueda proporcionar un registrador de dominio o empresa de alojamiento).

Lo que cambia es la manera.

Cloudflare es capaz de responder con sus DNS desde sus más de 250 puntos geográficos, de esta forma tus visitantes obtienen la respuesta del DNS de forma mucho más rápida, pues interactúan con el servidor que se encuentra más cerca de su ubicación.

¿Que es el modo Proxy de Cloudflare?

Aquí viene la gran diferencia con respecto a otros DNS.

Cloudflare aprovecha y actúa como proxy, es decir se pone por delante de tu servidor. Pero hay más, Cloudflare aprovecha y lo hace con toda su red distribuida de servidores, por eso puede actuar también como CDN.

Cloudflare es más que un CDN

Cuando activas el modo proxy de Cloudflare, las peticiones de contenido de tu web pasan en primer lugar por los servidores de Cloudflare, y es aquí donde Cloudflare aprovecha y te permite añadir otras funcionalidades y servicios.

Mejorando la velocidad y seguridad de WordPress con Cloudflare

El servicio de DNS de Cloudflare es gratis en su plan «Free» y además te da acceso a la mayoría de los servicios en su modalidad «sencilla» o «poco avanzada».

Desde wetopi, como alojamiento especializado en WordPress, siempre apostamos por soluciones de seguridad para WordPress y para la mejora de su rendimiento. A continuación, partiendo de la modalidad de servicio gratuita, abordamos la lista de opciones que la combinación WordPress con Cloudflare brinda:

Seguridad SSL

Puedes añadir seguridad HTTPS a tu site, incluso sin tener certificados en tu propio servidor. Lo bueno es que Cloudflare te ofrece servicio de SSL en versión actual TLS utilizando el protocolo HTTP/2 TLS 1.3.

En wetopi, usamos TLS 1.3 desde sus inicios. somos conscientes de la importancia de usar protocolos modernos, especialmente cuando tienen impacto en velocidad y seguridad. En este post te mostramos al detalle como Mejorar la velocidad y seguridad de WordPress con TLS 1.3

Cortafuegos

Un Firewall con filtros y reglas, detección de Bots, bloqueo de ataques DDoS.

Eso sí, si quieres tener un control riguroso deberás acceder a un plan de pago.

Protección del contenido de tu web

En la seccción «Scrape Shield» podemos activar protecciones como la ofuscación de direcciones de correo electrónico, proteger contra el Hotlinking por ejemplo para proteger las imágenes contra vinculaciones fuera de nuestra web.

Optimización de velocidad

Esta opción, por defecto te ayuda reduciendo el tamaño de tu contenido con técnicas de compresión.

Es destacable señalar cómo Cloudflare apuesta por protocolos modernos como Brotli. En este post puedes leer sobre las ventajas de la compresión Brotli para WordPress, protocolo que en wetopi ya puedes disfrutar por defecto.

Una de las funcionalidades de pago para Mejorar la velocidad de WordPress y que puedes añadir a tu plan Gratuito, es APO, La Optimización Automática para WordPress (5$/mes).

A «grosso modo», APO genera versiones estáticas de tus páginas web y utiliza los Cloudflare Workers para servir la versión estática desde los nodos de su red distribuida. Es como si se tratara de un CDN «ampliado» capaz de servir no solo imágenes y estáticos sino incluso tu html optimizado.

APO se ayuda de un plugin WordPress con el que gestiona de forma transparente cosas como por ejemplo la limpieza de cache cada vez que actualizas el contenido de una página.

Muy recomendable para sites WordPress pesadas o poco optimizadas.

Contempla la opción APO para WordPress si:

  • No puedes permitirte una optimización,
  • Tu web tiene una base importante de páginas que pueden ser estáticas y/o
  • Tienes TTFB (Time to First Byte) elevados (entendamos por elevado un TTFB superior a 1 segundo).

En este artículo hay un buen estudio de APO: https://developers.Cloudflare.com/automatic-platform-optimization/

Cache/CDN

Cloudflare es lo que llamaríamos un CDN Pull. Es decir cuando un usuario accede a tu web, la primera solicitud va a tu servidor, luego Cloudflare almacena en cache las imágenes, JS, CSS, e incluso la primera petición de HTML (el primer Byte, para servir el llamado TTFB), y lo hace en el nodo más cercano a la región donde está tu visitante.

Mapa que muestra cómo reacciona WordPress con Cloudflare cuando se usa la red CDN Anycast

En su versión gratuita ya proporciona una sustancial mejora en tiempos, pero la permanencia y propagación de contenidos en la red no es muy buena. Aquí entra en juego una opción muy interesante: Argo, opción que encontraréis en la sección «Traffic»

Wordpress con Cloudflare Argo te ayudará a Mejorar la velocidad de WordPress

Argo es una opción de CDN avanzado al que llaman «Tiered Cache».
Básicamente lo que hace es de forma inteligente acercar los contenidos de tu web a los nodos de consumo final.

Antiguamente, esta opción solo estaba accesible en planes de pago, pero ahora la puedes activar en tu cuenta gratuita. Argo tiene un coste mínimo de 5$/mes por el primer GB.

Puedes ver el detalle de precios en https://support.Cloudflare.com/hc/en-us/articles/115000224192-Billing-for-Argo

En wetopi llevamos tiempo usando Argo y el resultado es muy bueno:

Los tiempos de carga en distintos países muestra como al activar Argo en wetopi ayudó a Mejorar la velocidad de WordPress
Puedes ver los resultados directamente en: https://performance.sucuri.net/domain/wetopi.com

¿Como usar Cloudflare con WordPress?

Paso 1:

Si aún no tienes una cuenta de Cloudflare, visita la web de Cloudflare y regístrate para tener una cuenta gratuita.

Paso 2:

Ahora necesitas indicarle a Cloudflare que quieres gestionar tu sitio web.

Haz clic en la opción «Añadir site» que encontrarás en la barra de menú superior de Cloudflare.

Primer paso para agregar nuestro sitio WordPress sitamet.com con Cloudflare

En este paso lo que estás haciendo es preparar Cloudflare para que pase a gestionar las DNS de tu dominio.

Acto seguido Cloudflare te pedirá seleccionar un plan. Recomendamos comenzar con un plan gratuito que funciona bien para la mayoría de los usuarios. Elige la opción «Free» y dale a «Continuar».

Inmediatamente Cloudflare escaneará todas las posibles configuraciones de zona que el dominio pueda tener definidas. Si el dominio ya lo tenias en funcionamiento, ve con cuidado y compara una a una las definiciones de zona que tienes puestas en tu actual gestor de DNS. Cloudflare no siempre es capaz de averiguar todas las zonas definidas.

Pantalla de zonas DNS localizadas por Cloudflare
Las Zonas DNS marcadas como Proxied, son las que Cloudflare maneja en su red CDN.

Al darle a Continuar, Cloudflare te indicará los dos NS (Name Servers) que gestionarán los DNS.

Paso 3:

Este paso es importante. Tienes que ir a tu gestor de DNS, normalmente tu registrador de dominio, para cambiar los NS.

Pantalla donde te indica el cambio de NS para poder Mejorar la velocidad de WordPress con Cloudflare y su red de DNS

Atención no confundas los NS con las Zonas o Registro DNS.

En nuestro caso el registrador es Dondominio y el apartado de cambio de NS viene designado como DNS:

Pantalla con los antiguos NS donde hay que poner los nuevos facilitados por Cloudflare
Sección en nuestro registrador con opción a Modificar los DNS

Tras guardar los cambios habrá que esperar. Las actualizaciones de servidor de nombres pueden tardar 24 horas en procesarse. Recibirás un correo electrónico cuando tu sitio esté activo en Cloudflare.

No debes preocuparte por la espera. Cuando cambias los servidores de nombres no hay tiempo de inactividad (downtime)

Consejos al utilizar Cloudflare con WordPress

1 Si estás haciendo cambios en tu WordPress, activa el modo desarrollo

Esto desactiva el la cache de Cloudflare y te permite ver los cambios al instante.

Menú de acceso rápido del panel de Cloudflare

2 Ante cualquier error o comportamiento extraño, borrar cache

Lo primero de todo, borra la cache de tu WordPress (si es el caso) y luego la de Cloudflare. Tienes un enlace rápido «Purge Cache»

3 Prepárate para los ataques DDoS

En wetopi estamos preparados para ataques DDoS masivos. Pero WordPress tiene un gran punto débil, los atacantes pueden disimuladamente esquivar las caches de WordPress y apuntar a páginas pesadas dejando sin recursos a tu servidor sin que apenas te enteres.

Aquí Cloudflare es de gran ayuda cuando trabaja en modo proxy.

Ten siempre a mano el acceso al panel y desde el menú de acceso rápido activa el «Under Attack Mode».

Plugins Cloudflare para tu WordPress

Si las anteriores gestiones de cache las quieres «automatizar», encontrarás plugins para combinar WordPress con Cloudflare y poder manejar el servicio desde el escritorio de tu espacio admin.

Desde wetopi no lo consideramos estrictamente necesario. Preferimos que tengas claras las precauciones y tengas siempre a mano el panel de Cloudflare.

Si lo que buscas es mejorar la velocidad de WordPress, intenta usar siempre los mínimos plugin imprescindibles.

Cloudflare tiene un buen panel de gestión y muy buenas ayudas.

Atención, hay un plugin gratuito que merece nuestra atención «WP Cloudflare Super Page Cache«. Esta extensión WordPress viene a imitar la funcionalidad APO de pago anteriormente descrita y puede ser una buena opción alternativa y gratuita

Conclusión

Desde wetopi aconsejamos encarecidamente el uso de Cloudflare. La especialización de los servicio de DNS con Cloudflare te ayudará a dar un paso importante hacia la profesionalización de tu website.

La gestión de DNS es uno de esos servicios donde «el tamaño si importa». El cambio a Cloudflare puede resultar algo abrumador, especialmente por la cantidad de opciones disponibles, pero pasar a disponer de una red Anycast de DNS de más de 250 nodos, ya de por sí merce la pena. Si además tienes una mejora de rendimiento y seguridad frente a ataques DDoS, no se puede pedir más.


En resumidas cuentas, somos unos techies apasionados por WordPress que hemos creado Wetopi, un hosting especializado en WordPress, para minimizar la fricción a la que todo profesional se enfrenta al trabajar y alojar proyectos WordPress.

¿No tienes una cuenta en wetopi?

Prueba ya – Descubrirás una forma eficiente de trabajar con WordPress

Incluye servidores de desarrollo Gratis.
No es necesaria tarjeta de crédito.

Joan VegaMejorar la velocidad de WordPress con Cloudflare
Share this post