¿Cómo configurar la CDN de Cloudflare en WordPress?

Durante todo este mes, contrata tu plan de hosting al -70% de descuento.

Llévatelo

Cada segundo cuenta cuando hablamos de la velocidad de carga de un sitio web.

Si la página web tarda mucho tiempo para cargar, es casi un hecho que los visitantes lo abandonen casi de inmediato. Esto, a su vez, influye en la tasa de rebote, lo que puede perjudicar su posición en los motores de búsqueda.

Los usuarios de Internet anhelan un acceso ultrarrápido a la información. Por lo tanto, es esencial que nuestro sitio web cumpla con las expectativas de los visitantes en términos de velocidad.

En este artículo, vamos a explorar cómo la CDN de Cloudflare en WordPress puede ser un poderoso aliado para acelerar la carga de nuestro sitio web.

Además, seguiremos un tutorial sobre cómo llevar a cabo esta configuración paso a paso.

 ¿Qué es un CDN?

Un CDN, o Content Delivery Network en inglés, es una red de servidores distribuidos estratégicamente en diferentes ubicaciones geográficas. La función principal de un CDN es optimizar la entrega de contenido web como imágenes, archivos de video, hojas de estilo y otros recursos, a los usuarios finales.

En lugar de que un sitio web se sirva desde un único servidor central, un CDN almacena copias en caché de estos recursos en varios servidores en todo el mundo. Cuando un usuario solicita acceder a un sitio web que utiliza un CDN, se le redirige automáticamente al servidor CDN más cercano geográficamente. Esto reduce la distancia que los datos deben viajar, lo que a su vez acelera significativamente la carga de la página.

Un CDN ayuda a mejorar la velocidad y la disponibilidad de un sitio web al distribuir el contenido a través de una red global de servidores, lo que resulta en una experiencia más rápida y confiable para los visitantes del sitio.

 ¿Qué es la CDN de Cloudflare?

(Visita el sitio haciendo clic en la imagen ↑)

La CDN de Cloudflare es un servicio ofrecido por la empresa Cloudflare que se enfoca en mejorar la velocidad, seguridad y confiabilidad de los sitios web. Cloudflare es una empresa que opera una red global de servidores diseñada para optimizar la entrega de contenido web y proporcionar una capa adicional de seguridad a los sitios en línea.

La CDN de Cloudflare funciona almacenando en caché contenido estático como imágenes, archivos CSS y JavaScript, en sus servidores distribuidos en múltiples ubicaciones en todo el mundo. Cuando un usuario accede a un sitio web que utiliza Cloudflare, los recursos se cargan desde el servidor de Cloudflare más cercano, lo que reduce la latencia y mejora la velocidad de carga de la página.

Además de la optimización de la entrega de contenido, Cloudflare también ofrece características de seguridad como protección contra ataques DDoS, firewall de aplicaciones web y filtrado de tráfico malicioso. Esto ayuda a proteger el sitio web de amenazas y ataques en línea.

En resumen, la CDN de Cloudflare es una solución integral que combina la optimización de la entrega de contenido con funciones de seguridad para mejorar la experiencia de los usuarios y la protección de los sitios web.

 Implicaciones de usar la CDN de Cloudflare en WordPress

Usar la CDN de Cloudflare en WordPress ofrece muchas ventajas, pero también implica ajustes técnicos y posibles costos. Sin embargo, los beneficios en términos de velocidad, seguridad y SEO generalmente superan con creces las consideraciones que mencionaremos a continuación.

Mejora de velocidad: la CDN de Cloudflare acelera la velocidad de carga del sitio al distribuir contenido desde servidores cercanos a los usuarios. Esto reduce la latencia y hace que el sitio sea más rápido de cargar, lo que mejora la experiencia del usuario.

Optimización de imágenes: Cloudflare automáticamente optimiza las imágenes, reduciendo su tamaño sin sacrificar la calidad. Esto es esencial para la velocidad de carga, ya que las imágenes suelen ser grandes archivos que ralentizan las páginas.

Mayor disponibilidad: la red global de servidores de Cloudflare mejora la disponibilidad del sitio web. Si un servidor falla, Cloudflare puede enrutar el tráfico a otro servidor en funcionamiento, evitando tiempos de inactividad.

Seguridad mejorada: Cloudflare ofrece protección contra ataques DDoS y una serie de características de seguridad para proteger el sitio de amenazas en línea, como el firewall de aplicaciones web y el filtrado de tráfico malicioso.

Ahorro de ancho de banda: al servir contenido desde servidores de Cloudflare, logramos reducir la carga del hosting web principal, lo que puede ahorrarnos costos de ancho de banda.

Impacto en el SEO: la velocidad de carga de la página es un factor importante para el SEO. Al acelerar el sitio web con una CDN, podemos mejorar el posicionamiento en los resultados de búsqueda.

Configuración técnica: configurar una CDN puede requerir algunos ajustes técnicos y cambios en la configuración DNS, lo que podría ser un desafío para usuarios menos experimentados.

Costos potenciales: aunque Cloudflare ofrece un plan gratuito, las características avanzadas pueden requerir una suscripción de pago. Es importante considerar los costos en función de nuestras necesidades específicas.

 ¿Cómo configurar la CDN de Cloudflare en WordPress?

Configurar la CDN de Cloudflare en nuestro sitio web en WordPress es un proceso relativamente sencillo.

A continuación, vamos a realizar el proceso de configuración paso a paso:

 Crear una cuenta en Cloudflare

(Visita el sitio web haciendo clic en la imagen ↑)

Si aún no tienes una cuenta en Cloudflare, vamos a comenzar el proceso por crear una nueva cuenta, el proceso es bastante fácil.

 Agregar el nombre del dominio

Después de crear una cuenta, debemos agregar nuestro sitio web a Cloudflare proporcionando el nombre de dominio. Cloudflare nos guiará a través de los pasos necesarios.

Primero que nada vamos a agregar la URL del sitio web al que vayamos a configurar.

 Selección del plan

Cloudflare ofrece diferentes planes, desde uno gratuito hasta planes más avanzados. Elige el plan que se adapte a tus necesidades.

Ahora, vamos a seleccionar un plan. Quienes tengan una tienda online o un sitio web con mucho tráfico pueden suscribirse a los planes Pro, Business o Enterprise para obtener las máximas ventajas de rendimiento. Los planes premium de Cloudflare incluyen actualizaciones automáticas del sitio web y más opciones de seguridad.

Si se trata de un blog o un sitio web personal, recomendamos elegir la versión gratuita. Viene con todas las características básicas necesarias para proteger nuestro sitio web de las amenazas en línea y mejorar la velocidad de carga. Este será el que seleccionaremos para fines de este ejemplo.

 Selección de registros DNS

Cloudflare realizará un escaneo de los registros DNS actuales y nos mostrará una lista de esta información. Debemos asegurarnos de que todos los registros necesarios estén marcados en naranja para que pasen a través de Cloudflare.

Todos estos registros podemos editarlos, según sea nuestra conveniencia, hay situaciones en las cuales ciertos registros pueden entrar en conflicto con nuestro hosting web, así que tenemos la flexibilidad de modificar si los registros pasaran por el proxy de Cloudflare o no.

 Cambiar los servidores de nombres (Nameservers)

Cloudflare nos proporcionará dos servidores de nombres (Nameservers) que son necesarios agregar en la configuración de nuestro dominio en el proveedor de dominios.

Esta acción lo que hará es redirigir el tráfico a través de Cloudflare.

Después de cambiar los servidores de nombres, puede llevar un tiempo (generalmente unas pocas horas pero puede tardar hasta 72 horas) para que los cambios se propaguen a nivel mundial.

Durante este tiempo no debemos preocuparnos, ya que el sitio web no se verá afectado y se mantendrá en línea sin problemas, cuando este proceso haya terminado recibiremos una notificación de Cloudflare avisándonos de que la propagación ha sido satisfactoria.

 Configuración de seguridad y rendimiento

Cloudflare nos ofrecerá opciones para mejorar la seguridad y el rendimiento de nuestro sitio web. Podemos configurar reglas de firewall, activar HTTPS y habilitar otras características.

Para poder gestionar las acciones del modo de encriptación SSL/TLS debemos tener previamente un certificado de seguridad válido (SSL en WordPress) y activo en el sitio web a configurar.

El modo de encriptación SSL/TLS de Cloudflare es una configuración que controla cómo se maneja la seguridad de la comunicación entre los visitantes de un sitio web y los servidores de Cloudflare, así como entre Cloudflare y el servidor web de origen.

 Configuración para certificados SSL

Dentro de los servicios ofrecidos por diversos proveedores de hosting web, es posible encontrarse con conflictos de redirecciones al utilizar el certificado de seguridad gratuito proporcionado por el proveedor.

En el caso concreto de Webempresa, para garantizar un uso sin inconvenientes del certificado de seguridad gratuito al configurar Cloudflare en nuestro sitio web, se sugiere seguir la siguiente configuración recomendada.

Desde el panel de control de Cloudflare, debemos acceder a la sección SSL/TLS bajo la configuración de tu sitio web previamente establecido. En este apartado, es crucial ajustar el modo de encriptación SSL/TLS a “Completo”.

Seguido de ello también debemos validar que la opción “SSL/TLS Recommender” permanezca desactivada.

Por otro lado, hay algunas otras configuraciones que son necesarias validar para que nuestro certificado funcione sin problemas, para ello desde el mismo apartado de SSL/TLS vamos a dirigirnos a la opción “Certificados de perímetro” donde las siguientes opciones deben encontrarse establecidas de la siguiente manera.

Usar siempre HTTPS, debe permanecer desactivado

Versión mínima de TLS, debe estar en TLS 1.0 (Predeterminado)

Encriptación oportunista, debe encontrarse activada

TLS 1.3, debe encontrarse activada

Reescrituras automáticas HTTPS, deben encontrarse activadas

Supervisión de transparencia de certificados, debe permanecer desactivado

Si cumplimos con la configuración correcta, no deberíamos de tener inconvenientes con nuestro certificado gratuito.

 Verificar la activación

Una vez que los cambios se propaguen, podremos ver que el sitio web está siendo servido a través de Cloudflare. Cloudflare nos proporcionará estadísticas y métricas para que sea posible evaluar el rendimiento y la eficacia de la CDN.

 Instalar plugins de Cloudflare en WordPress

Este paso puede ser opcional, pero vale la pena representarlo para sacarle el máximo provecho al CDN de Cloudflare en WordPress, existen varios plugins disponibles de forma gratuita en el repositorio de WordPress que nos permiten usar todas sus capacidades sin la necesidad de ingresar en el panel de control de Cloudflare.

(Visita el plugin haciendo clic en la imagen ↑)

El plugin de Cloudflare para WordPress es una herramienta que simplifica y potencia la unión entre nuestro sitio web de WordPress y las funciones de Cloudflare. A través de esta extensión, es factible manejar elementos vinculados a la CDN, la seguridad y la optimización del sitio, todo directamente desde el panel de administración de WordPress. De esta manera, evitamos tener que ingresar constantemente a la plataforma de Cloudflare.

Aunque este plugin es la opción predeterminada, ha recibido algunas reseñas negativas debido a que, en ocasiones, sus opciones de optimización pueden entrar en conflicto con otros plugins activos. Por esta razón, presentamos una alternativa a este complemento.

(Visita el plugin haciendo clic en la imagen ↑)

El plugin Super Page Cache para Cloudflare impulsa la velocidad de un sitio web al llevar la caché a un nivel avanzado. No solo almacena en caché archivos estáticos como CSS, JS e imágenes, sino que también almacena las páginas HTML generadas por WordPress, tanto en el disco del servidor como en la CDN global de Cloudflare.

La configuración es simple: solo necesita proporcionar la clave API o detalles del token API de su cuenta de Cloudflare, y el complemento hace el trabajo. Para aquellos más curiosos o experimentados, hay opciones detalladas en el complemento que se pueden ajustar según sus necesidades. Pero en su mayoría, el complemento funciona sin necesidad de cambiar la configuración predeterminada.

Este complemento optimiza el plan gratuito de Cloudflare, por lo que no se requiere una cuenta paga. Sin embargo, para funciones adicionales como la optimización de imágenes de Cloudflare o el firewall de aplicaciones web (WAF), se necesita el plan Cloudflare Pro.

Para obtener la API de Cloudflare y poder comenzar a utilizar cualquiera de estos plugins podemos tomarla desde las opciones del perfil en nuestra cuenta Cloudflare.

  Conclusión

La CDN de Cloudflare emerge como un recurso esencial para los sitios web basados en WordPress, potenciando tanto la velocidad como la seguridad.

¿Cómo aplica esto en la práctica? Cloudflare despliega archivos y datos mediante una red global de servidores. Al visitar una página web, los contenidos se obtienen desde el servidor más cercano, evitando la espera en un servidor central. Este rápido proceso de carga resulta vital para mantener a los visitantes cautivados.

No obstante, su impacto va más allá. Cloudflare también optimiza imágenes automáticamente, reduciendo su tamaño y acelerando su visualización. Adicionalmente, resguarda el sitio ante ataques y tráfico maligno, una ventaja crucial en cuanto a seguridad.

La elección de incorporar la CDN de Cloudflare en WordPress demuestra ser una elección estratégica. No solo aumenta la velocidad y seguridad de nuestro sitio, sino que también lo hace más atractivo para los visitantes. Este cambio positivo puede traducirse en una mejora en el posicionamiento en motores de búsqueda y en una experiencia óptima para todos los usuarios.

También te puede interesar:

• Cómo proteger el acceso WP-Admin de WordPress
• Mejores plugins de seguridad en WordPress
• Optimizar WordPress para que tu Web cargue más rápido
• Cómo optimizar la base de datos en WordPress
• Largest Contentful Paint (LCP): Qué es y Cómo optimizarlo

Bruno Vichetti

Equipo de soporte WordPress y Woocommerce en Webempresa.