Cómo usar Cloudflare con WordPress - Guía completa de CDNs

Using Cloudflare with WordPress

Cloudflare no sólo puede mejorar la velocidad de carga general de su sitio web, sino que también añade muchas ventajas de seguridad y rendimiento.

En este post aprenderás cómo configurar Cloudflare y qué es. Al final, tendrás una idea completa de cómo utilizar Cloudflare con WordPress.

Pero primero repasando algunas cuestiones básicas para dar una idea de lo que es Cloudflare y cómo puede beneficiarle.

¿Qué es Cloudflare y cómo funciona?

Cloudflare es una red de distribución de contenidos (CDN) formada por una red distribuida globalmente de servidores proxy. De hecho, Cloudflare es una de las mayores y CDN más populares del planeta. Su red se extiende por más de 200 ciudades de más de 90 países, y la cifra no hace más que aumentar.

Así que ahora, la siguiente pregunta es: ¿qué es una CDN y cómo funciona?

Como sabe, su sitio web está alojado en un servidor con una ubicación geográfica concreta. Por lo tanto, si un usuario que intenta acceder a su sitio web está más cerca de la ubicación del servidor, experimentará de servidor, experimentará velocidades de carga más rápidas en comparación con los usuarios situados en el extremo opuesto del globo.

Esta discriminación con velocidad de carga puede causar problemas con su audiencia global. Sin embargo, utilizando Cloudflare con WordPress puede mitigar fácilmente este problema.

Una vez que se registre, Cloudflare almacenará todos los archivos estáticos de su sitio web. Se trata de archivos que pueden entregados al usuario y que no necesitan ser generados, modificados o procesar sobre la marcha. Algunos ejemplos son las imágenes de su sitio web, los archivos JavaScript y CSS, vídeos, etc.

Ahora, cuando un usuario intente acceder a su sitio web, Cloudflare entregará los archivos estáticos desde uno de sus servidores situados más cerca de la ubicación del usuario. Esto ayudará a aumentar la velocidad de carga y a mejorar la experiencia general del usuario.

a map showing how cloudflare cdn works
Fuente: cloudflare.com

Sin embargo, esto es sólo lo lo básico. Encontrará muchas más características y funcionalidades increíbles al utilizar Cloudflare con WordPress. Cloudflare con WordPress.

Características y ventajas de Cloudflare

Ahora que tiene una idea de qué es Cloudflare y cómo funciona, repasemos rápidamente sus diferentes características y funcionalidades.

Su sitio web siempre está en línea

La mayoría de los proveedores de alojamiento promete un tiempo de actividad del 99,99%. Sin embargo, si ese servidor se cae y el 0,01% puede estar seguro de que Cloudflare estará ahí para salvar el día. el día.

Los usuarios que intenten visitar su una versión en caché de su sitio web desde uno de los muchos servidores de servidores de Cloudflare para que se pueda seguir accediendo a su contenido.

Tiempos de carga más rápidos

Aprovechando la vasta red de servidores distribuidos globalmente, Cloudflare entregará respuestas a sus usuarios/visitantes siguiendo una ruta optimizada para garantizar la máxima velocidad. Esta técnica, denominada Argo Smart Routing, ayuda a mejorar el rendimiento en una media de 30%. media de 30%.

Cortafuegos integrado

Al utilizar Cloudflare con WordPress, su sitio estará protegido con un cortafuegos integrado. Está diseñado no sólo para bloquear el tráfico de direcciones IP de la lista negra, sino que también ayuda a evitar el acceso de aplicaciones web no autorizadas.

Protección DDoS

Denegación de servicio distribuida (DDoS) se utilizan para interrumpir el tráfico normal de entrada a un servidor o red. servidor o red. Abruma el objetivo inundándolo con tráfico entrante redundante, haciendo que no responda. redundante, haciendo que no responda. Puede imaginárselo como un atasco que atasca la carretera, imposibilitando el paso del tráfico normal.

Ahora, Cloudflare viene con opciones dedicadas para ayudar a proteger su sitio web de ataques DDoS.

Optimización de imágenes

Viene con una función integrada llamada Polish que puede ayudarte a optimizar y comprimir automáticamente tus imágenes, incluyendo Archivos WebP. Las imágenes de menor tamaño tardan menos en cargarse, lo que contribuye a mejorar la velocidad de carga.

Varios

Estas son algunas de las disponibles con Cloudflare:

  • El proveedor de servidores de nombres de dominio (DNS) gestionados más rápido del mundo.
  • Equilibrio de la carga para ayudar a optimizar y mejorar el rendimiento y la disponibilidad.
  • Railgun Compression.
  • Cloudflare Stream: una función para hacer que el streaming de vídeos de alta calidad sea más fácil, asequible y escalable.
  • Sigue las especificaciones de las Extensiones de Seguridad del Sistema de Nombres de Dominio (DNSSEC).
  • Limitación de velocidad.
  • Le da acceso a los certificados de cifrado SSL (Secure Sockets Layer)/TLS (Transport Layer Security).
  • Integración de la seguridad del espectro.

Y mucho más.

¿Afecta Cloudflare al SEO?

Dado que Cloudflare opera sirviendo versiones en caché de su sitio web, uno podría pensar si tiene o no un efecto negativo en el SEO. Sin embargo, Cloudflare ha cooperado directamente con motores de búsqueda para asegurarse de que ese no sea el caso.

Los rastreadores web seguirán siendo rastrear correctamente el contenido de su sitio web e indexarlos a los motores de búsqueda y asegurarse de que no se enfrenta a ningún contragolpe SEO.

Cloudflare: ¿Es suficiente su versión gratuita?

Para utilizar Cloudflare con WordPress, tendrás acceso a cuatro opciones de precios: Free, Pro, Business y Enterprise.

La versión gratuita está equipada sólo con las funciones básicas y es ideal para los usuarios que ejecutan un sitio web personal o blog. Se recomienda a las empresas que opten por las opciones de pago. Sin embargo, todo se reduce a la funcionalidad que necesite.

Por ello, a continuación de las diferentes funciones disponibles en cada plan:

cloudlfare pricing scheme

Gratis: Aquí obtendrá acceso a protección sin medición frente a ataques DDoS junto con acceso a su CDN global, certificaciones SSL compartidas y reglas de 3 páginas que puede establecer para configurar reglas personalizadas sobre cómo Cloudflare debe operar para páginas específicas. Incluso si usted está en el plan gratuito, no hay ningún límite en el ancho de banda o el número de usuarios que visitan su sitio web.

Pro: La Plan Pro tiene un precio de $20/mes por sitio web y se basa en el plan gratuito con funciones adicionales como un cortafuegos de aplicaciones web (WAF), acceso a Polish, su herramienta de optimización de imágenes, aceleración móvil con Mirage, acceso a más de 20 reglas de página y un modo dedicado "Me atacan" que activará su protección DDoS dedicada.

Empresas: Precio a $200/mes por sitio web, esta es su oferta premium con acceso a todas las características y funcionalidades de primera categoría.

Además de todas las opciones opciones disponibles en la versión Pro, tendrá acceso a Railgun que puede ayudarle con la entrega acelerada de su contenido dinámico. También También tiene acceso a reglas de 50 páginas y una opción específica para omitir Cache on Cookies.

Empresa: Elimine todas las limitaciones y obtenga acceso a todas las funciones de Cloudflare que necesita. Es un paquete personalizado diseñado para garantizar el máximo rendimiento para su sitio web. Sin embargo, no hay ningún presupuesto preestablecido y usted tendrás que ponerte en contacto con su equipo de ventas.

Cómo añadir Cloudflare a su sitio web

Ahora que tiene una idea de qué es Cloudflare y cómo funciona, aquí tienes nuestro tutorial paso a paso paso a paso sobre cómo usar Cloudflare con WordPress.

Paso 1: Crear una cuenta de Cloudflare

sign up with cloudflare with top right button

Antes de utilizar Cloudflare con WordPress, lo primero que debe hacer es crear una cuenta de Cloudflare. Para ello, diríjase a la página Cloudflare y pulsa el botón Inscríbase en botón. Todo lo que tiene que hacer es introducir su dirección de correo electrónico, y proporcionar una contraseña, y su registro se habrá completado.

Paso 2: Añada su sitio web WordPress a Cloudflare

Una vez que haya creado su Cuenta Cloudflare, le pedirá que "+ añada sitio" a su red. Simplemente introduzca la URL de su sitio web en el área proporcionada y pulse el botón Añadir sitio botón.

adding a site on cloudflare

Una vez hecho esto, Cloudflare comenzará a consultar los registros DNS de su sitio web. Hará su trabajo en en segundo plano. Haga clic en Siguiente para continuar con el resto de la configuración.

Nota: Asegúrese de que la URL de su sitio web URL está bien escrito o de lo contrario su configuración no funcionará.

Paso 3: Elegir un plan

A continuación, tendrá que seleccionar un Plan para el sitio web que ha añadido a Cloudflare.

Picking a plan on Cloudflare

Repasamos todas las diferentes características y funcionalidades de los planes de pago, así como los planes gratuitos antes. Escoge el que mejor se adapte a tu presupuesto y necesidades, y dale a Confirme.

Paso 4: Configure sus registros DNS

Aquí se le presentará con toda la información DNS de su dominio. Tendrá que activar/desactivar Cloudflare para los diferentes subdominios. Simplemente haga clic en la nube naranja al lado de cada registro DNS para activar o desactivar Cloudflare.

Configuring DNS records on Cloudflare

Le recomendamos que mantenga Cloudflare habilitado para el nombre de dominio desnudo así como para el subdominio WWW. De esa manera, Cloudflare estará activo para los usuarios que intenten visitar tanto la versión www como la no www de su sitio web. no www de su sitio web.

Una vez hecho esto, haga clic en Continuar.

Paso 5: Configure su servidor de nombres

A continuación, Cloudflare generará dos nuevos servidores de nombres. Tendrá que cambiar sus servidores de nombre existentes a los nuevos.

Changing nameservers

Para ello, deberá ir a su registrador de dominios. Por el bien de este tutorial, estamos GoDaddy. Si utiliza un registrador de dominios diferente, los pasos serán similares, pero las opciones pueden estar en diferentes secciones del menú.

Con GoDaddy, tendrá que iniciar sesión en tu cuenta, hacer clic en el botón perfil botóny, a continuación, haga clic en el botón Gestionar Dominios opciones situadas bajo el Rápido Enlaces sección.

Managing domains with GoDaddy

Aquí encontrará una lista de todos los nombres de dominio registrados. Haga clic en en el que está integrando con Cloudflare para abrir el panel Configuración del dominio. Desde aquí, desplácese hacia abajo y notará Gestionar DNS opción.

Manage DNS Settings

Aquí encontrará sus Nameservers existentes. Haga clic en el botón Cambia y sustituya los servidores de nombres existentes por los proporcionados por Cloudflare y haga clic en Guardar.

Setting up DNS management on GoDaddy

Asegúrese de que no hay espacios accidentales antes de los servidores de nombres o no funcionarán.

Una vez hecho esto, vuelva a Cloudflare y haga clic en Siguiente. En la siguiente pantalla siguiente pantalla le pedirá que "Complete la configuración de su servidor de nombres". Como usted ya ha cambiado sus servidores de nombres, ahora es el momento de esperar.

Desplácese hacia abajo y que el proceso puede tardar hasta 24 horas en completarse. se complete. Por lo general, no toma tanto tiempo y en la mayoría de los casos, se mostrará el mensaje "... Cloudflare protege ahora su sitio" en el plazo de una hora.

Cloudflare Confirmation

Una vez que reciba ese mensaje, por fin habrá llegado el momento de dirigirse a su Sitio web WordPress.

Paso 6: Instalar y activar el plugin de Cloudflare para WordPress

Para utilizar Cloudflare con WordPress, hay un plugin dedicado para ayudarle. Para instalarlo en su sitio web, tendrá que iniciar sesión en su backend de WordPress.

Ahora, en la barra lateral izquierda haga clic en Plugins > Añadir nuevo y busque "Cloudflare"en el zona prevista.

Instale y active el Cloudflare como se muestra en la siguiente imagen.

Adding Cloudflare plugin

Una vez activado, vaya a Ajustes de la barra lateral izquierda y haga clic en Cloudflare. Se le pedirá que cree una nueva cuenta de Cloudflare o inicie sesión con la que ya tiene.

Cloudlfare sign in option in settings

Haga clic en el botón de inicio de sesión y se le pedirá su dirección de correo electrónico, así como la clave API.

Getting API key for Cloudflare

Para obtener su clave API, utilice el enlace que aparece en la página.

Aparecerá una nueva ventana emergente emergente. Haga clic en el botón Tokens API del menú superior, seleccione Ver para la página Clave API global introduzca su contraseña de Cloudflare. Ahora simplemente copie y pegue la cadena alfanumérica proporcionada.

API tokens on cloudflare

Después de proporcionar su correo electrónico dirección de correo electrónico y la clave API, pulse Intro y habrá activado correctamente Cloudflare en su sitio web de WordPress.

Paso 7: Activar Optimizar Cloudflare para WordPress

Para hacer las cosas más Cloudflare con WordPress, encontrará una opción dedicada dedicada. Optimizar Cloudflare para WordPress. Es una solución de un solo clic para implementar correctamente todos los recomendados recomendados de Cloudflare para que pueda empezar a beneficiarse de su sistema de red global. global.

Y ¡voilá! Ha integrado correctamente Cloudflare con WordPress. Sin embargo, para sacar el máximo Cloudflare, especialmente para utilizar sus diversas herramientas de seguridad y de seguridad y rendimiento, aún le queda mucho por hacer.

Opciones y configuraciones avanzadas disponibles con Cloudflare

Cloudflare cuenta con montones de configuraciones y opciones. A continuación repasaremos algunas de las características más importantes que debe configurar para disfrutar de ellas mayor seguridad y el rendimiento.

Cloudflare SSL

En primer lugar, vamos a aprender a utilizar Cloudflare SSL con WordPress.

Cloudflare le da acceso a un certificado SSL gratuito que puede utilizar para proteger su sitio web y cambiar de HTTP a HTTPS.

Para activar un certificado SSL para su sitio web, vuelva a su Cloudflare y haga clic en Crypto en el menú. A continuación, seleccione el tipo de certificado SSL que desee.

cloudflare ssl

Cloudflare le ofrece cuatro opciones:

  • Fuera de - Seleccione esta opción si no desea activar ningún certificado SSL. No se recomienda.
  • Flexible - Esta opción asegura el tráfico entre su visitante y Cloudflare, pero no entre Cloudflare y su servidor. su servidor.
  • Completo - Obtenga una conexión entre Cloudflare y sus visitantes, así como entre Cloudflare y su servidor. servidor.
  • Completo (estricto) - Esta opción también le ofrece una conexión completamente segura con las ventajas añadidas de la autenticación.

Si utiliza la versión de Cloudflare, sólo puede utilizar el certificado SSL Flexible flexible. Los usuarios de pago tendrán acceso a Full y Full (estricto).

Una vez que haya seleccionado su SSL, desplácese hacia abajo para acceder a las diferentes opciones SSL disponibles. Le recomendamos que mantenga "Usar siempre HTTPS" y "Reescrituras HTTPS automáticas" activadas, si están desactivadas por defecto.

Forzar HTTPS y reglas específicas de página

Cloudflare también incluye configuraciones adicionales que le permiten excluir ciertas páginas de su sitio web de Cloudflare, así como forzar HTTPS en todas sus páginas y contenidos.

De forma gratuita, podrá utilizar hasta tres reglas de página. Sin embargo, si desea crear más adicionales, puede pagar $5/mes adicional para acceder a 5 reglas.

Ahora, para configurar estas reglas reglas, tendrá que dirigirse a su tablero de instrumentos Cloudflare y haga clic en Reglas de la página.

page rules

Desde aquí, haga clic en "Crear regla de página"y en la pantalla aparecerá aparecerá la siguiente ventana emergente en la pantalla.

creating page rule

Sólo tiene que introducir la URL de la página o entrada en la que desea aplicar la regla de página con un asterisco (*) antes y después de la URL. Una vez hecho esto, seleccione el botón "+ Añadir una configuración".

Aparecerá un menú desplegable con las siguientes opciones.

selecting page rule

Seleccione la regla de página que desee y pulse "Guardar y desplegar"y la regla regla de página estará activa.

Le recomendamos que utilice una de las tres reglas de página de la siguiente manera para garantizar una seguridad optimizada.

Bajo el espacio URL introduzca - HTTP://*sudominio.com/* y elija la opción - Utilice siempre HTTPS. Esta configuración se asegurará de que todas sus páginas, entradas y subdominios, que operen bajo este dominio, usen siempre HTTPS.

Opciones de gestión de la caché

Para acceder a las opciones de gestión de la caché necesita volver a su panel de WordPress, y navegar hasta Configuración > Cloudflare.

Desde aquí, debe activar Gestión automática de la caché. La opción opción borrará automáticamente toda la caché de Cloudflare en el momento en que edite o cambie de tema. Además, después de hacer retoques o ajustes a su contenido o diseño de WordPress deberías activar la opción Purgar Caché opción. Este ajuste borrará de forma forzosa todo el contenido almacenado en caché de su sitio.

Dos sencillas configuraciones te ayudarán a a limpiar la caché obsoleta y mejorar la velocidad y el rendimiento general de su sitio web. su sitio web.

Conclusión

Tener una CDN es crucial, especialmente si su sitio web WordPress recibe una audiencia global, y Cloudflare es uno de los mejores servicios CDN del mercado. No sólo se asegurará de que todos sus visitantes tengan acceso a velocidades de carga óptimas, sino que también ayudará a mejorar el rendimiento y la seguridad.

Esperamos que esta guía te haya ayudado a utilizar Cloudflare con WordPress. Sin embargo, si tiene algún problemas durante el proceso de instalación, no dudes en compartir tus problemas en los comentarios.

Dicho esto, también animamos a nuestros lectores más experimentados a compartir algunos de sus de Cloudflare. Nos encantaría conocer sus ideas y puede que incluso ayuden a a alguno de sus lectores.

Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.

11 comentarios
  1. Markus Kämmerer Profile Pic

    Estoy usando Cloudflare y WordPress por un tiempo. Con Elementor Pagebuilder, necesita una regla de página, de lo contrario elementor no funcionará más, si las opciones de rendimiento están habilitadas en Cloudflare.

  2. Adrian Profile Pic

    Encuentro cloudflare ralentiza mi sitio. Yo uso woocommerce para ejecutar un sitio simple cartera y creo que es a causa de eso. Por desgracia, es casi un extra de 3 a 5 segundos más lento.

    1. Team Astra Profile Pic

      Hola Adrian,

      Aunque Cloudflare debería acelerar tu sitio web, para algunos usuarios no lo hace, dependiendo de una serie de factores.

      Incluida la ubicación y el rendimiento de su servidor, otras optimizaciones de su sitio web y mucho más.

      Un aumento de 3-5 segundos en los tiempos de carga es muy considerable y desde luego no parece correcto.

      Le recomendamos que se ponga en contacto con el equipo de asistencia de Cloudflare para ver si pueden ayudarle a averiguar qué está fallando".

  3. Leonardo Profile Pic

    Hola, uso el tema Astra y cuando activo Cloudflare pierdo todos mis CSS (añadidos desde la personalización de astra), no encuentro solución

    1. Team Astra Profile Pic

      Hola Leonardo,

      Existe la posibilidad de que los archivos no se estén renderizando correctamente. Si te has puesto en contacto con nuestro portal de asistencia, podremos ayudarte de la mejor manera posible.

Deja un comentario

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

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio