Cómo instalar Cloudflare CDN en WordPress
Publicado: 2018-07-04
La velocidad y la seguridad son dos de los requisitos más importantes de un sitio web de WordPress. Es por eso que hemos pasado innumerables días y noches (y comimos aún más donas) en la construcción de la plataforma en la nube administrada más impresionante para alojar sitios de WordPress.
Sin embargo, el alojamiento no es el único factor involucrado en la mejora de la velocidad de su sitio de WordPress. Otra forma de hacerlo es a través de un CDN, que significa red de entrega de contenido. En este artículo, le mostraré cómo instalar y configurar fácilmente Cloudflare CDN para su sitio web de WordPress.
- ¿Qué es Cloudflare CDN?
- Configuración de Cloudflare CDN en WordPress
- Paso 1: Registrarse en Cloudflare
- Paso 2: agregar la URL del sitio
- Paso 3: seleccione su plan de Cloudflare
- Paso 4: Revise los registros DNS
- Paso 5: cambie su servidor de nombres
- Paso 6: cambie su servidor de nombres de registrador de dominios
- Paso 7: Guía de inicio rápido de Cloudflare
- Paso 8: Verifique el estado de la CDN de Cloudflare
- Agregar certificados Let's Encrypt a Cloudflare
En este artículo, le mostraré cómo configurar Cloudflare CDN en WordPress. Antes de embarcarnos en el proceso de configuración, comprendamos qué es Cloudflare CDN y cómo le ayuda a optimizar sus Core Web Vitals.
¿Qué es Cloudflare CDN?
Cloudflare CDN es uno de los CDN más populares disponibles con una red que cubre más de 200 ciudades. Sirve el contenido web de los sitios web en función de la distancia geográfica de los visitantes del sitio.
Ofrece contenido estático, dinámico y multimedia, junto con otros servicios como seguridad, optimización y SSL. Los sitios web que utilizan un servicio CDN de Cloudflare minimizan la latencia en el extremo del usuario, ya que su contenido se almacena en caché y se entrega desde el servidor más cercano.
Echemos un vistazo a las funciones que ofrece Cloudflare CDN.
Algunas características destacadas de Cloudflare CDN
- Enrutamiento inteligente
- Entrega de flujo
- Balanceo de carga
- Almacenamiento en caché
- Optimizaciones
- Páginas móviles aceleradas
Cloudflare CDN es un reconocido proveedor de CDN con servidores repartidos por todo el mundo para ofrecer el contenido de su sitio web a todos los rincones del mundo. Cloudflare ofrece múltiples funciones según el plan.
Enrutamiento inteligente
Esta es una forma inteligente de enrutar el tráfico a través de la red más rápida disponible, con un algoritmo que utiliza inteligencia de red en tiempo real para decidir la ruta más rápida.
Entrega de flujo
La carga de la transmisión de medios puede llevar mucho tiempo si se accede desde la otra esquina de la región. Para resolver este problema, Cloudflare CDN ofrece un mecanismo de almacenamiento en caché especial para entregar archivos de transmisión al instante.
Balanceo de carga
Cloudflare ofrece una función de equilibrio de carga basada en suscripción que comienza desde $ 5 por mes. Es un equilibrio de carga basado en DNS que ayuda a las aplicaciones a mejorar el rendimiento y la disponibilidad del sitio.
Almacenamiento en caché
Cloudflare en WordPress ofrece un mecanismo de almacenamiento en caché avanzado que guarda automáticamente el contenido estático, la purga de caché y el almacenamiento en caché por niveles.
Hemos visto que un sitio web típico utiliza contenido dinámico y estático. Cloudflare puede ahorrarle tanto CPU como el jugo de ancho de banda de su alojamiento web mediante el uso de sus propios servidores para el contenido. Cloudflare en WordPress puede reducir la latencia del usuario final y mejorar la experiencia general del usuario.
Leer más: Cómo usar Cloudflare CDN con el complemento W3 Total Cache
Optimizaciones
A veces, necesitamos integrar herramientas y API de terceros para una funcionalidad específica. Estos recursos no están bajo nuestro control y, si no se configuran correctamente, pueden causar retrasos.
Cloudflare está diseñado para ofrecer una experiencia web rápida y optimizar el orden de los recursos de la página.
Las imágenes grandes o no optimizadas pueden causar problemas de rendimiento. El algoritmo de optimización de imágenes de Cloudflare optimiza la página web automáticamente al minimizar la cantidad de conexiones de red y hacer que la entrega de imágenes sea perfecta. Esto evita que los recursos de terceros ralenticen la página web.
Páginas móviles aceleradas
Páginas móviles aceleradas es una técnica para cargar páginas web más rápido en dispositivos móviles cuando se buscan desde el motor de búsqueda móvil de Google. Cada vez más usuarios utilizan sus dispositivos móviles para navegar por Internet.
Los enlaces móviles acelerados de Cloudflare CDN funcionan con AMP y cargan páginas web habilitadas para AMP dentro de la ventana de visualización tres veces más rápido que las páginas móviles estándar.
Cloudflare ofrece varias opciones como CDN, optimización de anuncios, seguridad DDoS, análisis y mucho más. También ofrecen un plan gratuito que puede usar antes de comprar un plan pago.
Configuración de Cloudflare CDN en WordPress
Cloudflare ofrece muchas opciones como CDN, optimización de anuncios, seguridad DDoS, análisis y más. Además de los planes gratuitos, ofrecen múltiples planes premium en los que tendrás funciones más potentes.
MaxCDN y Cloudflare son dos proveedores de CDN ampliamente utilizados por los usuarios de WordPress. En este tutorial, compartiré cómo puede instalar Cloudflare en un sitio web de WordPress alojado en Cloudways.
Paso 1: Registrarse en Cloudflare
Primero, debe crear una cuenta en Cloudflare. Si ya lo tiene en su lugar, puede omitir este paso.

Paso 2: agregar la URL del sitio
Una vez que se registre en Cloudflare, aparecerá una nueva pantalla en la que deberá proporcionar su dominio y hacer clic en Agregar sitio .

Paso 3: seleccione su plan de Cloudflare
Una vez que agregue la URL del sitio, Cloudflare le preguntará sobre el plan que desea aprovechar. Para este tutorial, voy con el plan GRATUITO.

Paso 4: Revise los registros DNS
El siguiente paso es revisar sus registros DNS y verificar si están configurados correctamente o no. Aquí, Cloudflare obtendrá toda la configuración de DNS de su registrador de dominio y, en mi caso, solo hay dos registros de DNS (Tipo A). Revise sus registros y simplemente haga clic en Continuar .


Paso 5: cambie su servidor de nombres
Como puede ver en la imagen a continuación, debe cambiar los servidores de nombres de su registrador de dominios y reemplazarlos por los que ha proporcionado Cloudflare.

Paso 6: cambie su servidor de nombres de registrador de dominios
Ahora, abra su registrador de dominios y cambie los servidores de nombres. Mi dominio está en Freenom y he cambiado correctamente los servidores de nombres.

Paso 7: Guía de inicio rápido de Cloudflare
Una vez que cambie los servidores de nombres, vuelva a la pestaña Configuración de CDN de Cloudflare, haga clic en Listo y verifique los servidores de nombres. Verá una ventana emergente de la Guía de inicio rápido .

A continuación, simplemente haga clic en Comenzar y configure la configuración del dominio para mejorar su seguridad y rendimiento. La primera sección de configuración es Mejorar la seguridad y tiene 2 subsecciones; Reescritura automática de HTTPS y siempre use HTTPS . Iré con las configuraciones de seguridad predeterminadas y haré clic en el botón Guardar .

El siguiente en el proceso es Optimizar el rendimiento, y también tiene dos subsecciones; Auto Minify y Brotli . La sección Auto Minify es la sección de minificación de HTML, JS y CSS que le ayudará a acelerar su sitio de WordPress. Estoy seleccionando todas las opciones para Auto Minify, y para Brotli, voy con la configuración predeterminada.
Nota: Si selecciona la minificación en Cloudflare, evítela en Breeze o cualquier otro complemento de caché. ¿Por qué? Habilitar la minificación en ambos extremos causará problemas, y se recomienda usar uno a la vez.

La última sección es Resumen, donde verá sus configuraciones de seguridad y rendimiento. Una vez que esté satisfecho con la configuración, haga clic en Finalizar .

Recibirás la siguiente notificación en tu panel de Cloudflare “¡Buenas noticias! Cloudflare ahora protege su sitio ”. El estado cambiará a "Activo" y podrá utilizar varias opciones en el panel superior para configurar diversas tareas relacionadas con la seguridad y el rendimiento.

Para aprovechar al máximo Cloudflare en el sitio web de WordPress, se recomienda que instale su complemento en su sitio web.
Paso 8: Verifique el estado de la CDN de Cloudflare
Si desea verificar si su CDN de Cloudflare está funcionando o no, abra su sitio de WordPress en cualquier navegador> presione “ Ctrl + Shift + i ”> Red . Luego actualice su página donde verá las solicitudes de su sitio. Haga clic en una de las solicitudes y verifique " cd-cache-status ". Si es HIT, entonces su CDN está funcionando bien.

Agregar certificados Let's Encrypt a Cloudflare
Con Cloudways, puede crear un certificado SSL para su sitio de WordPress usando Let's Encrypt. No se puede crear mientras Cloudflare está activado en su dominio. Para activar el certificado Let's Encrypt, siga los pasos a continuación:
Paso 1: Inicie sesión en su panel de Cloudflare y, en la pestaña DNS , desactive las opciones www y yourdomain.com cambiando el estado del proxy a solo DNS . Una nube gris significa que el servicio está deshabilitado.

Paso 2: Vaya a su Panel de administración de aplicaciones de Cloudways, Certificado SSL Ingrese su dirección de correo electrónico > Nombre de dominio y haga clic en Instalar certificado .

Paso 3: Ahora, vaya a su Panel de administración del servidor> Configuración y paquetes> pestaña Avanzado, y en Módulo WAF, elija Cloudflare .

Paso 4: Vuelva al panel de Cloudflare y habilite la opción que deshabilitamos en el paso 1.

Paso 5: A continuación, haga clic en la pestaña SSL / TLS en la parte superior y cambie SSL a Flexible . Cloudflare puede tardar hasta 24 horas en activar el certificado. Sin embargo, si ya ha utilizado el mismo dominio antes, se activará instantáneamente.

¡Eso es todo! Obtiene un montón de opciones después de haber configurado Cloudflare en su sitio de WordPress. La mayoría de las opciones son para planes pagados, pero si ayuda, recomendamos actualizar sus planes y aprovecharlo al máximo.
Pensamientos finales
Cloudflare en WordPress mejora la experiencia de los usuarios que visitan su sitio y ahorra los valiosos recursos de CPU y ancho de banda de su servidor web. Es un CDN altamente optimizado que puede eliminar por completo la preocupación por la latencia y aumentar la velocidad de su sitio de WordPress.
Preguntas frecuentes (FAQ)
¿Cloudflare es un proveedor de alojamiento?
No, CloudFlare CDN es un proveedor de red de entrega de contenido que ofrece servicios CDN. Los sitios web que utilizan sus servicios tienen acceso a su enorme red de servidores a través de los cuales sirve el contenido estático y dinámico del sitio minimizando la latencia en el extremo del usuario.
¿Cuál es la diferencia entre MaxCDN y Cloudflare?
Cloudflare viene con la opción de un plan gratuito, mientras que MaxCDN no. Cloudflare es fácil de configurar y ofrece seguridad en el sitio web. MaxCDN se puede configurar utilizando el complemento W3 Total Cache y lo utilizan empresas de renombre.
