Cómo configurar el CDN gratuito de CloudFlare en WordPress

¿Quieres usar el CDN de Cloudflare en tu sitio de WordPress?

Cloudflare es uno de los mejores servicios de CDN y cortafuegos de WordPress disponibles en el mercado. Ofrecen un CDN gratuito que acelera su sitio web junto con un conjunto de potentes funciones de seguridad para sitios web de pequeñas empresas.

El desafío es que muchos usuarios de nivel básico no pueden utilizar Cloudflare porque piensan que es difícil de configurar.

En esta guía, te guiaremos a través de una completa configuración de Cloudflare en WordPress para ayudarte a mejorar la velocidad de tu sitio web.

Tabla de contenidos :

  • ¿Qué es el CDN? ¿Por qué lo necesitas?
  • ¿Qué es el CDN de Cloudflare?
  • MaxCDN vs Cloudflare
  • Configuración del CDN de Cloudflare en WordPress
  • Método 1: Configuración de Cloudflare desde el cPanel del Web Host (SiteGround)
  • Método 2: Establecer el Cloudflare manualmente
  • Configuración de los ajustes más importantes de Cloudflare
  • Optimización de Cloudflare para WordPress

¿Qué es el CDN? ¿Por qué necesita un CDN para su sitio?

Una CDN o Red de Entrega de Contenido es un sistema de servidores distribuidos que ayuda a entregar los archivos de su sitio web más rápidamente a los usuarios en función de su ubicación geográfica.

Típicamente, un servicio de alojamiento web sirve a los visitantes de su sitio web desde un solo lugar. Todos los usuarios acceden al mismo servidor, sin importar dónde se encuentren. Esto puede resultar en un retraso en la entrega de contenido para los usuarios que viven más lejos del servidor de alojamiento central de su sitio web.

CDN resuelve este problema estableciendo múltiples servidores de borde en diferentes lugares del mundo. Estos servidores CDN almacenan en caché el contenido estático del servidor de origen/central de su sitio, lo almacenan y lo presentan a los usuarios después de que lo soliciten.

Cuando hay una solicitud de un usuario, el servidor CDN más cercano a la ubicación del usuario se encargará de ello. Por ejemplo, si alguien en los EE.UU. quiere acceder a un sitio web alojado en el Reino Unido, entonces un servidor CDN en los EE.UU. servirá esa solicitud, no el servidor principal en el Reino Unido.

Con el CDN, todas las solicitudes de los usuarios son manejadas por los servidores CDN más cercanos. Esto mitiga la distancia física entre los visitantes y el servidor de su sitio web. Como resultado, su sitio web se carga más rápido para todos los usuarios sin importar su ubicación geográfica.

Un sitio web más rápido también mejora la experiencia del usuario y le da a su sitio web un ligero impulso en las clasificaciones de SEO.

El uso de una CDN también reduce la carga de su servidor principal y lo protege de caídas durante los picos de tráfico. Si quieres saber más, consulta nuestra guía sobre por qué necesitas una CDN para tu blog de WordPress.

¿Qué es el CDN de Cloudflare?

Cloudflare es el proveedor de CDN gratuito más popular disponible en Internet. Es una gran red de servidores distribuidos globalmente que automáticamente almacenan en caché contenido estático y entregan rápidamente contenido dinámico.

Además de un servicio de CDN, Cloudflare es también un cortafuegos de sitio web basado en la nube y un servidor proxy distribuido. Monitoriza todo el tráfico entrante a su sitio web y bloquea el tráfico sospechoso incluso antes de que llegue a su servidor.

Ofrecen un plan básico gratuito adecuado para sitios web y blogs de pequeñas empresas. También ofrecen planes de pago a partir de 20 dólares al mes.

Cloudflare es una excelente opción para las pequeñas empresas que buscan un CDN gratuito. Sin embargo, si desea utilizar plenamente todas las características de Cloudflare, entonces usted necesitará el plan de negocios que cuesta $ 200 / mes.

Nota del editor: No usamos Cloudflare en WPBeginner. En su lugar usamos MaxCDN (ahora parte de StackPath) para nuestro servicio CDN. No te obligan a usar su DNS y ofrecen precios más razonables a escala.

MaxCDN vs. Cloudflare - ¿Cuál es la diferencia?

MaxCDN y Cloudflare son ambos servicios bastante diferentes en realidad. Mientras MaxCDN se centra en servir su contenido a través de su CDN, Cloudflare se centra más en la seguridad y el control del spam.

Ambos utilizan tecnologías diferentes para servir el contenido a través de sus redes. MaxCDN sirve contenido del DNS de su sitio web usando pullzones, simplemente ponga que son un espejo de su sitio web. Cloudflare, por otro lado, sirve el contenido a través de su propio DNS, y se le pide que cambie el DNS de su sitio web para que apunte a sus servidores.

Cloudflare actúa como un proxy entre usted y los visitantes de su sitio web, lo que significa que usted renuncia a mucho control. Mientras que MaxCDN actúa como un proxy inverso, lo que significa que tienes todo el control.

Cloudflare es mejor en la optimización de la velocidad de su página al prevenir su sitio de bots maliciosos, atacantes y rastreadores sospechosos. MaxCDN es mejor para mejorar la velocidad de su sitio web al servir su contenido estático a través de sus servidores ubicados en todo el mundo.

Contras de usar el Cloudflare

La mayor queja de los usuarios con Cloudflare es que mientras acelera su sitio web, a veces añade una segunda pantalla de carga con fines de verificación de seguridad, lo que va en contra del propósito de la velocidad porque los usuarios a menudo tienen que esperar 5 segundos antes de poder ver su sitio web.

A veces también puede mostrar una página de CAPTCHA pidiendo a los usuarios que prueben que son humanos. Esto crea una mala experiencia para los visitantes primerizos que tal vez nunca vuelvan a visitar el sitio.

Configurando Cloudflare en tu sitio de WordPress

Configurar Cloudflare en un sitio de WordPress es bastante fácil. Hay dos métodos diferentes:

  1. Usando una opción de configuración de Cloudflare de un solo clic en el panel de control de su anfitrión
  2. Registrándose manualmente en el sitio web de Cloudflare

El primer método es la forma más fácil de habilitar el CDN de Cloudflare en tu blog de WordPress. Algunos de los principales servicios de alojamiento de WordPress como SiteGround se han asociado con Cloudflare para ofrecer una opción de configuración fácil a través de su panel de control.

Si su anfitrión web no ofrece una opción de configuración de Cloudflare incorporada, entonces puede añadir manualmente el servicio en su sitio. Mostraremos ambos métodos en detalle a continuación.

Método 1: Configuración de Cloudflare CDN con la opción de configuración de un clic en cPanel

Como mencionamos anteriormente, algunos proveedores de alojamiento de WordPress como SiteGround ofrecen una opción fácil de configurar el CDN de Cloudflare en WordPress.

Estos anfitriones web proveen una aplicación de integración de Cloudflare incorporada en su cPanel de hospedaje para habilitar el servicio con sólo unos pocos clics.

Esta opción de configuración de Cloudflare funciona de manera similar con la mayoría de los proveedores de alojamiento que tienen la integración. Para su referencia, mostraremos el proceso de configuración en el alojamiento de SiteGround.

Habilitar el CDN de Cloudflare en SiteGround

Si está usando SiteGround como su compañía de alojamiento de WordPress, entonces puede configurar el CDN de Cloudflare en su sitio en sólo unos minutos.

Para comenzar, ingresa a tu cPanel y navega a la sección "Herramientas para mejorar el sitio". Después de eso, haz clic en el icono "Cloudflare".

SiteGround recientemente comenzó a cambiar a un nuevo panel de control. Si estás usando el nuevo panel, entonces verás Cloudflare en la lista de la pestaña de velocidad. Por ejemplo, eche un vistazo a la siguiente captura de pantalla.

Para habilitar el CDN gratuito de Cloudflare en tu página web, sólo tienes que hacer clic en el botón $0027Set Up$0027 para continuar.

Después de eso, verás un popup pidiéndote que crees una cuenta Cloudflare o que te conectes a la que ya tienes.

A continuación, verá un mensaje que indica que la activación del CDN está en curso. Una vez que se haya completado, el CDN de Cloudflare estará activo en tu sitio de WordPress.

Método 2: Configurar manualmente el CDN de Cloudflare en WordPress

Si su alojamiento web no tiene una opción de configuración de Cloudflare de un solo clic, entonces puede utilizar este método. Puede tardar unos minutos más, pero también es fácil y sencillo de usar.

Para empezar, tienes que visitar la página web de CloudFlare y hacer clic en el botón "Regístrate".

En la siguiente página, debes introducir tu dirección de correo electrónico y tu contraseña para crear una cuenta Cloudflare. Simplemente introduce la información requerida, y luego haz clic en el botón "Crear cuenta".

Después de eso, tienes que introducir la URL de tu sitio web.

En la siguiente pantalla, se le pedirá que elija un plan. Por el bien de este tutorial, seleccionaremos un plan gratuito.

Después de eso, Cloudflare te mostrará una lista de todos los registros DNS que sus sistemas encontraron. Esto incluirá también sus subdominios.

Los registros DNS que quieres que pasen por Cloudflare tendrán un icono de nube naranja. Los registros DNS que pasarán por Cloudflare tendrán un icono de nube gris.

Tienes que revisar la lista para asegurarte de que tu dominio principal está activo en Cloudflare con un icono de nube naranja.

Una vez que verifique sus registros DNS, haga clic en la opción Continuar en la parte inferior.

En el siguiente y último paso de su configuración, Cloudflare les pedirá que actualicen sus servidores de nombre. Se les pedirá que cambien sus servidores de nombre y los apunten a los servidores de nombre de Cloudflare.

Aviso: Cambiar el servidor de nombres puede tomar algún tiempo para propagarse por toda la Internet. Durante este tiempo, su sitio web puede volverse inaccesible para algunos usuarios.

Puede cambiar los servidores de nombre desde su cuenta de registro de dominio como Domain.com, o si obtuvo un dominio gratuito de su proveedor de alojamiento web como Bluehost, entonces tendrá que cambiar el servidor de nombre iniciando sesión en su cuenta de alojamiento.

En este tutorial te mostraremos cómo cambiar los servidores de nombres desde el panel de control de Bluehost. Aunque el proceso es similar en todas las empresas de hospedaje, siempre puedes pedir a tu proveedor de hospedaje instrucciones detalladas para su panel de control.

Una vez que hayas iniciado sesión en el panel de control de Bluehost cPanel, ve a la sección "Dominios" y selecciona tu nombre de dominio. A continuación, haz clic en la pestaña "Servidores de nombre" y en la opción "Editar".

A continuación, debes seleccionar "Custom" e introducir los servidores de nombre proporcionados por Cloudflare.

Después de eso, tienes que volver a la página de configuración de Cloudflare, y hacer clic en el botón "Hecho, comprobar los servidores de nombre" para terminar la configuración.

¡Eso es! Ahora tomará unos minutos actualizar sus servidores de nombres de dominio y activar Cloudflare.

Una vez activado, verás el mensaje de éxito en tu tablero de Cloudflare.

Ahora puedes personalizar tu configuración de Cloudflare desde este tablero. Te mostraremos los ajustes más críticos en la siguiente sección.

Nota : Las capturas de pantalla anteriores muestran el panel de control de Bluehost. La configuración de tu servidor de nombres puede ser diferente si utilizas un proveedor de alojamiento diferente.

Configuración de los ajustes más importantes de Cloudflare

La configuración básica de Cloudflare está completa, pero hay algunos ajustes esenciales que debes configurar para mantener tu sitio de WordPress seguro.

1. Configurar las reglas específicas de la página de WordPress

Mediante la creación de reglas de página, puede personalizar el funcionamiento de Cloudflare en páginas específicas de su sitio. Es especialmente útil para asegurar páginas críticas como la página de acceso, el área de wp-admin, etc.

La cuenta gratuita de Cloudflare le permite configurar tres reglas de página. Si quieres añadir más reglas de página, entonces necesitas pagar 5 dólares al mes por cinco reglas adicionales.

Primero, debes hacer clic en la opción Reglas de la página en la parte superior y luego hacer clic en el botón Crear regla de la página.

Después de eso, puedes establecer las siguientes tres reglas de la página.

a) Asegure su página de acceso a WordPress

URL de la página: example.com/wp-login.php*

El ajuste: Nivel de seguridad; Alto

b) Excluir el panel de control de WordPress de Cloudflare y habilitar la alta seguridad

Página URL: example.com/wp-admin*

Ajustes: Nivel de seguridad; Alto

Nivel de caché; Bypass

Deshabilitar el rendimiento

Deshabilitar las aplicaciones

c) Fuerza HTTPS

URL de la página: http://*example.com/*

El ajuste: Utilice siempre HTTPS

2. 3. Configurar los ajustes del certificado SSL

Otro ajuste importante es el certificado SSL disponible en el menú "SSL/TSL" de la parte superior.

Asegúrate de elegir "Completo" si ya utilizas SSL.

Si no tiene un certificado SSL, consulte nuestra guía para obtener un certificado SSL gratuito para su sitio web.

Una vez hecho, Cloudflare proporcionará un codiciado candado verde para significar que su sitio web es seguro.

Optimización de Cloudflare para WordPress usando un plugin

Cloudflare ofrece un plugin de WordPress dedicado para configuraciones optimizadas de WordPress con un solo clic. El plugin te permite configurar rápidamente Cloudflare en tu sitio de WordPress, añadir reglas del cortafuegos de aplicaciones web (WAF), purgar automáticamente la caché y mucho más.

Para empezar, instala y activa el plugin de Cloudflare en tu página web. Para obtener más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez hecho esto, necesitas visitar Settings " Cloudflare desde tu panel de administración para configurar los ajustes de Cloudflare.

En la página de configuración, verá un botón de Crear su cuenta gratuita y la opción de Iniciar sesión para las cuentas ya existentes. Simplemente haga clic en la opción de inicio de sesión.

En la siguiente pantalla, tendrás que introducir tu correo electrónico de Cloudflare y la clave de la API.

Puedes encontrar la clave de la API en el área de tu cuenta en el sitio web de Cloudflare.

Simplemente abre la página "Mi perfil" y luego haz clic en los tokens de la API. Después de eso, ve a la sección Clave Global de la API y haz clic en el botón Ver.

Esto abrirá una ventana emergente y mostrará tu clave de la API. Necesitas copiar la clave.

A continuación, vuelve a tu panel de control de WordPress e introduce tu dirección de correo electrónico y la clave de la API.

Después de eso, la página de inicio de Cloudflare aparecerá en tu tablero. Desde allí, puedes aplicar una optimización de WordPress con un solo clic, purgar la caché, habilitar la caché automática, etc.

Puedes encontrar más opciones de Cloudflare haciendo clic en la opción de configuración.

También muestra estadísticas como visitantes, ancho de banda guardado, amenazas bloqueadas, etc. desde la opción de Análisis.

Esperamos que este artículo te haya ayudado a aprender a configurar el CDN gratuito de Cloudflare en WordPress. También puede que quieras ver nuestra completa guía de seguridad del sitio web de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir