Advertisement
  1. Code
  2. WordPress

Integrar CloudFlare en WordPress

by
Read Time:10 minsLanguages:

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

CloudFlare es uno de los CDNs líderes en la actualidad en la web. Ha ubicado servidores estratégicamente a alrededor de todo el mundo que reducen el tiempo de carga de tu sitio web al servir archivos estáticos como imágenes, vídeos, CSS y JavaScript desde los centros de datos situados más cerca de los visitantes.

En este tutorial, aprenderás a integrar CF en tu sitio WordPress.

La velocidad y la seguridad son dos de los parámetros del rendimiento de una web debatidos con más frecuencia entre los diseñadores y los desarrolladores. No solo tienen implicaciones directas en los usuarios finales, sino que también tiene un gran peso en los análisis de Google a la hora de determinar el posicionamiento en los motores de búsqueda de un sitio concreto. A lo largo de los años, Google ha aclarado en varias ocasiones que el tiempo de carga es uno de los factores clave en sus análisis y el posicionamiento en conjunto de un sitio web.

Cuando analizas el rendimiento y la velocidad de tu sitio web en la herramienta Page Speed Insights de Google, usando un CDN o una red de distribución de contenido es con frecuencia una de sus principales recomendaciones cuando el rendimiento es bajo. ¿No estás seguro de qué es un CDN? ¡Continúa leyendo!

En este tutorial, aprenderás sobre un CDN concreto, CloudFlare, en detalle, y también te explicaré los conceptos básicos y los beneficios de un CDN de manera que no tengas confusiones sobre el tema.

¿Qué es una red de distribución de contenido?

En pocas palabras, cuando compras un dominio de sitio web y un plan de alojamiento, la empresa de alojamiento web almacena todos tus datos en un centro de datos concreto que se encuentra en una ciudad en particular. Cuando alguien visita tu sitio web, se envía una solicitud desde el navegador del visitante a tu centro de datos desde donde se descargan al ordenador del usuario los archivos de tu sitio web. Las velocidades de carga de tu página variarán según sea la distancia entre la ubicación del visitante y los centros de datos que transmiten los archivos de tu sitio web. En la mayoría de los casos, esto provoca retrasos en los tiempos de carga de la página porque son enviadas continuamente distintas solicitudes desde el equipo del visitante al centro de datos.

Una red de distribución de contenido (CDN) resuelve este problema colocando copias de los datos estáticos de tu sitio web en varios centros de datos situados en diferentes ubicaciones geográficas. Cuando alguien visita tu sitio web, una red CDN sirve los datos de tu sitio desde el centro de datos que se encuentre más cerca del visitante. Esto naturalmente se traduce en velocidades de página más rápidas, y tiempos de carga y tasas de rebote reducidas.

Los beneficios de una red de distribución de contenido

La principal ventaja de una red CDN es que aumenta significativamente las velocidades de carga de página. Este único beneficio se traduce en varias otras ventajas. He aquí un breve resumen de algunas de ellas.

Aumento de la accesibilidad

Para cualquier dominio único, los navegadores tienen un cierto límite en el número de conexiones simultáneas que pueden realizar. Por ejemplo, si un explorador permite hasta cuatro conexiones simultáneas a un dominio determinado y un usuario está descargando cuatro archivos diferentes de ese dominio al mismo tiempo, tendrá que esperar a que se complete al menos una de ellas antes de poder iniciar la quinta descarga. Sin embargo, dado que los archivos CDN se hospedan en diferentes dominios, los sitios web que utilizan una red CDN pueden permitirle a un único usuario más conexiones simultáneas.

Reducción de las tasas de rebote

El aumento de la velocidad, como resultado del uso de una red CDN, se traduce de forma natural en una reducción de las tasas de rebote del sitio web. Google utiliza la tasa de rebote como indicador de la relevancia de los sitios web. Una tasa de rebote más baja te ayudará a mejorar tu posicionamiento en los motores de búsqueda.

Mejor gestión del tráfico

Mediante el uso de una red CDN, tu sitio web estará mejor equipado para gestionar los aumentos de tráfico. De manera que aunque se diese un aumento repentino del tráfico en tu sitio web o blog, por ejemplo, si se diese el caso de que una de tus entradas de blog se volviese viral, tu sitio web todavía permanecería accesible online.

Mejor seguridad en el sitio web

Las CDN también desempeñan un papel vital en el filtrado de spammers, potencial malware y ataques DDOS. La mayoría de las CDN ofrecen sistemas de filtración que analizan los datos de sus visitantes y, con el paso del tiempo, desarrollan una lista de visitantes prohibidos o potencialmente dañinos y les impide causar cualquier daño a tu sitio web.

Reducción de los costes del sitio web

Si utilizas un servicio de alojamiento de ancho de banda limitado, una red CDN puede reducir significativamente los costes de tu sitio web sirviendo todos tus archivos estáticos desde sus propios servidores. Esto reduciría la carga en el ancho de banda de tu sitio web y te permitiría servir más datos con los mismos costes.

¿Qué es CloudFlare CDN?

CloudFlare es una de las CDN líderes en la web en este momento. Cuenta con servidores estratégicamente ubicados en todo el mundo que reducen los tiempos de carga de su sitio web al servir archivos estáticos como imágenes, videos, CSS y JavaScript desde los centros de datos ubicados más cerca de los visitantes del sitio web. Además, optimiza la velocidad de tu página al minificar cualquier JavaScript presente en ella.

The CloudFlare HomepageThe CloudFlare HomepageThe CloudFlare Homepage

La ventaja de CloudFlare, además de sus servidores estratégicamente ubicados, es el gran volumen de usuarios de todo el mundo que utilizan sus servicios. Debido a su fuerte comunidad de usuarios, CloudFlare tiene mejores y más avanzados datos con respecto a diferentes amenazas de seguridad online si lo comparamos con otras CDNs.

Cuando se identifica una amenaza de seguridad en el sitio web de cualquier usuario de CloudFlare, esta es añadida inmediatamente a su base de datos central desde donde se notifica a todos sus servidores sobre la amenaza. Esto reduce significativamente cualquier potencial amenaza para los usuarios de CloudFlare.

Debido a sus versátiles características, la calidad de los servicios y el número de usuarios de CloudFlare, varias empresas líderes de alojamiento web, como Bluehost y HostGator, lo ofrecen ahora como un servicio recomendado junto con sus planes estándar de alojamiento.

Configurar CloudFlare para tu sitio web WordPress

Existen dos maneras de configurar CloudFlare para tu sitio web o blog creado con WordPress. No importa en qué plataforma se base un sitio web, siempre y cuando tengas acceso para cambiar los nombres de los servidores. Estos son los dos métodos.

Configuración a través de cPanel en el alojamiento web

Como dije anteriormente, los servicios de alojamiento como Bluehost y HostGator, ofrecen CloudFlare como una opción adicional en el cPanel de su alojamiento web.

Finding CloudFlare in cPanelFinding CloudFlare in cPanelFinding CloudFlare in cPanel

Paso 1

Para empezar tu instalación automática, haz clic en el icono de CloudFlare que aparece en tu cPanel. En este tutorial, yo estoy usando el servicio de alojamiento web de HostMonster (empresa hermana de Bluehost). Esto es lo que verás al hacer clic en el icono de CloudFlare.

Install CloudFlare Part 1Install CloudFlare Part 1Install CloudFlare Part 1

Aquí, se te pedirá que te registres para obtener una cuenta gratuita de CloudFlare. Si ya tienes una cuenta, inicia sesión introduciendo tus datos de inicio de sesión.

Paso 2

Una vez hayas iniciado sesión, podrás ver una lista de todos los nombres de dominio asociados con tu cuenta de hosting.

Installing CloudFlare Part 2Installing CloudFlare Part 2Installing CloudFlare Part 2

He eliminado la lista de dominios intencionalmente por razones de seguridad, aunque puedes ver el estado delante de cada nombre de dominio. Las nubes en color gris indican los dominios donde CloudFlare todavía no está activo, mientras que las nubes naranjas indican los dominios que utilizan la CDN de CloudFlare.

Paso 3

Para habilitar CloudFlare para cualquier dominio, simplemente haz clic en el enlace Activar que aparece delante de él. Eso es todo, ¡no necesitas hacer nada más! Tu servicio de alojamiento cambiará los servidores de nombres y otra configuración por ti.

Pero recuerda, esto activa la versión gratuita más básica de CloudFlare. Para habilitar la versión premium, tendrás que elegir entre los diferentes paquetes de CDN en el sitio web de CloudFlare.

Configuración manual desde el sitio web de CloudFlare

Para configurar manualmente CloudFlare para tu sitio web, deberás realizar los siguientes pasos.

Paso 1

Visita el sitio web de CloudFlare y regístrate para obtener una cuenta gratuita.

Configuring CloudFlare Part 1Configuring CloudFlare Part 1Configuring CloudFlare Part 1

Paso 2

Añade la dirección de tu sitio web y espera a que CloudFlare busque tus existentes registros. Este proceso se completa generalmente en alrededor de 50-60 segundos.

Configuring CloudFlare Part 2Configuring CloudFlare Part 2Configuring CloudFlare Part 2

Paso 3

A continuación, se mostrará un listado de los registros de dominio y sus diferentes subdominios, así como las direcciones a las que están siendo apuntados. Aquí, tienes la opción de mantener o eliminar diferentes registros de dominio en los servidores de CloudFlare.

Configuring CloudFlare Part 3Configuring CloudFlare Part 3Configuring CloudFlare Part 3

Una vez más, los dominios activos e inactivos se indicarán respectivamente utilizando nubes naranjas y grises. Después de verificar los registros y realizar los cambios necesarios (si los hay), puedes continuar con el siguiente paso.

Paso 4

En este paso, se te pedirá que elijas un paquete de servicios para tu cuenta de CloudFlare. Las tres principales configuraciones que encontrarás aquí son el plan de precios, el plan de rendimiento y el plan de seguridad.

Configuring CloudFlare Part 4Configuring CloudFlare Part 4Configuring CloudFlare Part 4

En cuanto a precios, tienes la opción de elegir un Plan Gratuito, un Plan Pro y un Plan Business. Estas son algunas de sus principales características.

CloudFlare PricingCloudFlare PricingCloudFlare Pricing

Los planes de rendimiento incluyen solamente CDN, CDN + optimizaciones básicas y CDN + optimizaciones completas.

CloudFlare OptimizationsCloudFlare OptimizationsCloudFlare Optimizations

Por último, tienes las opciones de seguridad.

CloudFlare Security OptionsCloudFlare Security OptionsCloudFlare Security Options

Paso 5

Una vez hayas completado la configuración del paquete, se te reenviará a la página final donde se te proporcionarán los servidores de nombres de CloudFlare. Deberás copiar los servidores de nombres de CloudFlare en la configuración de DNSs de tu dominio y reemplazar la configuración actual por los servidores de nombres copiados. Este proceso suele tardar entre 1 y 48 horas, ya que los servidores deben propagarse.

Características adicionales de CloudFlare

Existen características y opciones adicionales que puedes utilizar para mejorar tu experiencia en CloudFlare.

CloudFlare Additional FeaturesCloudFlare Additional FeaturesCloudFlare Additional Features

Aplicaciones

Hay una serie de aplicaciones gratuitas y de pago que puedes utilizar para añadir nuevas páginas y funcionalidades a tu sitio web. Cada aplicación debe configurarse de forma independiente.

CloudFlare AppsCloudFlare AppsCloudFlare Apps

Estadísticas

Puedes ver estadísticas detalladas para cada uno de tus dominios en CloudFlare haciendo clic en el enlace Analytics del panel principal del sitio web. CloudFlare ofrece análisis completos que se recopilan directamente desde sus servidores.

CloudFlare AnalyticsCloudFlare AnalyticsCloudFlare Analytics

Control de amenazas

Aquí puedes ver listas de direcciones IP de diferentes regiones que pueden estar amenazando la seguridad de tu sitio. También se muestra la lista de direcciones IP que han sido cuestionadas, pero fallaron. Sin embargo, si lo deseas puedes optar por bloquearlas permanentemente.

Plugin de CloudFlare para WordPress

CloudFlare también tiene un plugin dedicado para los usuarios de WordPress. El propósito básico de este plugin es asegurarse de que la información y las direcciones IP correctas aparecen en los comentarios publicados en tu sitio web. También te permite informar directamente de los spammers a los servidores de CloudFlare, para que puedan ser bloqueados en todos los ámbitos.

CloudFlare for WordPressCloudFlare for WordPressCloudFlare for WordPress

Pero antes de instalar el plugin, es posible que te interese leer más sobre él en la página de inicio del producto (en lugar de en la página de inicio del plugin).

El plugin gratuito de CloudFlare para WordPress acelera las velocidades de carga de las páginas, mejora el SEO y protege contra ataques DDoS y vulnerabilidades específicas de WordPress.

La página también trata los siguientes temas:

  • optimizar la configuración de WordPress con un solo clic,
  • conjuntos de reglas para un firewall de aplicaciones web,
  • purga automática de caché en las actualizaciones del sitio web.

La instalación del plugin de WordPress y las instrucciones son sencillas (aunque no son inmediatamente visibles) en la página del repositorio WordPress.org.

Puedes instalarlo en tu instancia de WordPress directamente desde los propios proveedores, de la siguiente manera:

Desde tu escritorio de WordPress

  1. Visita "Plugins" > Añadir Nuevo
  2. Lanza una búsqueda usando el término CloudFlare
  3. Activa CloudFlare desde tu página de plugins.

Desde WordPress.org

  1. Descarga CloudFlare
  2. Carga el directorio "cloudflare" en tu directorio "/wp-content/plugins/", usando ftp, sftp, scp, etc.
  3. Activa Cloudflare desde tu página de plugins.

Una vez activado

  1. Dirígete a cloudflare.com
  2. Inicia sesión con tu cuenta de CloudFlare. (Si todavía no tienes una, regístrate primero en CloudFlare)
  3. Presiona el nombre de tu cuenta en la esquina superior derecha y selecciona "Mis ajustes"
  4. Desplázate hacia abajo hasta "API Key" > "Global API Key" > Ver clave de API
  5. Copia la clave de API
  6. Vuelve a la página del plugin WordPress Cloudflare
  7. Introduce tu dirección de correo electrónico y pega tu clave de API
  8. Pulsa Iniciar sesión.

Por último, si todavía tienes dudas, CloudFlare tiene un enorme recurso de soporte disponible para todos los usuarios y clientes a los que puedes acceder.

En resumen

El uso de la red CDN de CloudFlare puede mejorar significativamente el rendimiento general y la seguridad de tu sitio web. Actualmente es la CDN líder en la web que ofrece una velocidad y una seguridad aplastantes a sus usuarios.

Para los usuarios con sitios web y blogs de pequeño a mediano tamaño, hasta la versión gratuita de CloudFlare es lo suficientemente buena como para mejorar tu rendimiento general. Sin embargo, los blogs de alto tráfico y los sitios web de negocios deberían explorar los más completos paquetes de pago disponibles en CloudFlare, ya que eso garantizaría la máxima seguridad y velocidad para tus sitios web.

Si tienes alguna pregunta, por favor no dudes en dejar un comentario a continuación, ¡me pondré en contacto contigo tan pronto como pueda!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.