logo-small
Funciones Precios
Noticias 0
Últimas noticias Ver todos

No disponible temporalmente. Por favor, visítanos en otro momento.

Ver todos
Webinars 0
Próximos webinars Ver todos
Próximos webinars

Lo sentimos, no se han podido encontrar próximos webinars.

Visualiza los webinars grabados
Blog 0
Posts recientes Ver todos

No disponible temporalmente. Por favor, visítanos en otro momento.

Ver todos
Alvaro Fontela

Cómo implementar Cloudflare como CDN fácilmente en tu web

Alvaro Fontela
Cómo implementar Cloudflare como CDN fácilmente en tu web

Tutorial paso a paso explicando la importancia de los CDN  y cómo implementar CloudFlare en tu sitio web.

Hace unos años nadie sabía lo que era un CDN (Content Delivery Network) o Red de Distribución de Contenidos.

Actualmente, esto ha empezado a cambiar y la mayoría de los sitios web de Internet utilizan uno mediante el cual se sirven los contenidos pesados (como imágenes) a los visitantes desde puntos de presencia más cercanos al visitante.

Para que nos hagamos una idea del impacto que tienen los CDN, la mayoría de los sitios web grandes que hay por Internet y que normalmente visitamos, usan estos servicios de red de distribución de contenidos para mantener la estabilidad ante grandes volúmenes de tráfico.

Así, a día de hoy, podemos ver cada vez más blogs personales o páginas con poco tráfico que usan servicios de CDN.

Resultados y ventajas de usar de un servicio de CDN

En la mayoría de los casos y dependiendo del servicio usado se consiguen los siguientes resultados:

Mejor velocidad de carga

Normalmente, al servirse las peticiones desde servidores más cercanos al visitante, mejora el tiempo de descarga y además los servidores de los contenidos están optimizados para esta opción y eso también ayuda.

Ahorro de ancho de banda

Si gran parte de los archivos de la web son servidos desde otros servidores, ahorraremos ancho de banda en el servidor o hosting que aloja nuestro sitio web.

Ahorro de recursos del hosting

Esto va directamente ligado a la anterior, además de ahorrar ancho de banda, también reduciremos el consumo de recursos producido por atender las peticiones de los visitantes, ya que, quienes atenderán esas peticiones serán los servidores del CDN.

Mayor estabilidad ante picos de tráfico

Al darle más margen al servidor o hosting de la web, éste puede centrarse en procesar el código de la web y servir el HTML, por lo que, se podrán servir más visitas concurrentes en caso de un pico de tráfico.

Evidentemente, la velocidad y las características cambian dependiendo del servicio de CDN elegido porque no todos son iguales aunque todos sirven para lo mismo.

¿Qué es CloudFlare?

Es una de las Redes de Distribución de Contenidos más utilizadas en el mundo.

Se trata de un servicio bastante conocido, ya que, tiene un plan gratuito que es bastante permisivo y que, apenas tiene límites visibles.

Realmente sí los tiene cuando se alcanza mucho tráfico concurrente.

¿Qué es CloudFlare?

El modo de funcionamiento de CloudFlare es algo diferente al del resto de CDNs del mercado, aunque el fin sea prácticamente el mismo.

CloudFlare funciona como un puente entre el visitante y el servidor de hosting y se va quedando con los archivos estáticos con el fin de en futuras visitas a esa página, poder servirlos directamente desde sus servidores, en lugar de que sea el hosting quien tenga que servirlos.

¿Qué es CloudFlare?

La mejora de velocidad de carga en la web al implementar CloudFlare se consigue porque este servicio tiene 42 puntos de presencia donde tienen servidores optimizados para servir contenidos que se encargan de proporcionarle al visitante los archivos de la web desde un sitio más cercano y, por lo tanto, con mayor rapidez.

Por otro lado, CloudFlare también es uno de los servicios de CDN más fáciles de implementar.

De hecho, todo el proceso de implementación está guiado, aunque sí que es necesario tener conocimientos básicos sobre DNS, así como, conocimientos generales sobre hosting.

Pero, por ejemplo, os puedo asegurar que es muchísimo más complejo implementar Amazon CloudFront que CloudFlare.

Funcionalidades más importantes de CloudFlare

CDN

Evidentemente, de esto ya hemos hablado, por lo que no tiene sentido que me repita.

Herramientas de seguridad

CloudFlare incluye herramientas para proteger tu sitio web contra ataques externos y ataques DDOS, de hecho, esta es una de las especialidades de la misma.

Herramientas de optimización

CloudFlare además de CDN, también tiene una herramienta que permite optimizar el código HTML, CSS y Javascript servido al cliente, e incluso permite configurar el javascript para que cargue de forma asíncrona.

Certificado SSL

CloudFlare ha llegado a un acuerdo con Comodo y, desde cualquier cuenta, se puede implementar un certificado SSL de forma completamente gratuita.

Aplicaciones

Integra herramientas varias para cosas comunes como por ejemplo implementar el código de Google Analytics o hacer benchmarks de rendimiento con servicios externos.

Ella no es solo un CDN y es necesario consultar un manual de CloudFlare si queremos aprender a sacarle el máximo partido a todas las funcionalidades del servicio.

¿Cómo implementar CloudFlare en tu web?

Ahora vamos a ver cómo implementar CloudFlare en tu sitio web paso a paso.

Vas a ver que es realmente fácil y que, al menos, para realizar la configuración básica no vas a tener ningún tipo de problema.

Lo primero que vamos a hacer es crear una nueva cuenta de CloudFlare.

Para ello debemos dirigirnos a su sitio web y pulsamos el botón verde “Sign up now!”:

¿Cómo implementar CloudFlare en tu web?

Ahora tendremos que rellenar unos datos básicos para nuestra cuenta, datos que como puedes ver son muy básicos y necesarios para crear la cuenta:

¿Cómo implementar CloudFlare en tu web? Create Account

Los rellenamos y pulsamos el botón verde “Create Account”, con esto nos aparecerá ya el asistente de configuración inicial de CloudFlare.

En el primer paso del asistente debemos introducir el nombre o nombres de dominio que queremos añadir:

Crear cuenta de Cloudflare “Scan DNS Records”

Nunca debemos insertarlo con WWW, siempre sin WWW, por ejemplo: dominio.com

Una vez que introducimos el dominio (si son varios mi recomendación es hacerlo de uno en uno) vamos a pulsar el botón verde “Scan DNS Records”.

Al avanzar, mientras CloudFlare analiza los registros del servidor DNS actual de nuestro dominio, nos pondrán un bonito vídeo donde nos explican (en inglés) las bondades y las ventajas que tiene.

Después de, más o menos, 1 minuto se habilitará el botón “Continue” y podremos avanzar

Crear cuenta de Cloudflare “Scan DNS Records”

En el siguiente paso podremos ver un listado con los registros que ha escaneado CloudFlare en el actual servidor DNS, lo que puede aparecer es muy variable, ya que, depende al 100% del propio servidor y de la configuración previa de registros. Este es un ejemplo de cómo podría aparecer:

Crear cuenta de Cloudflare

Aquí lo único que tienes que saber para hacer una configuración básica es que en la columna STATUS “las nubes naranja con la flecha que atraviesa” significa que el tráfico en ese registro pasará a través de CloudFlare, mientras que cuando está en gris con la flecha rodeando el tráfico no pasará por ella.

Normalmente, CloudFlare acierta con la configuración exacta en el 99% de los casos pero, debemos tener en cuenta que todos los registros que tengan que ver con el correo electrónico nunca deben pasar por el CDN de CloudFlare, por lo que deben dejarse con la nube en gris, ya que, ella es solo para el protocolo HTTP y HTTPS.

Una vez terminamos de configurar esto (si es una configuración estándar en la mayoría de los casos no configuraremos nada, pasaremos sin tocar nada) pulsamos el botón “Continue” para avanzar.

Al continuar nos aparecerá algo similar a esto:

Crear cuenta de Cloudflare “Free Website”

Aunque pueda parecer que CloudFlare nos está intentando cobrar, realmente no es así.

CloudFlare nos está informando de los planes que tiene pero, si nos fijamos en el de arriba de todo que pone “Free Website” podremos ver que cuesta 0$/mes.

Seleccionamos el modo gratuito y pulsamos el botón “Continue” para avanzar al siguiente paso.

Crear cuenta de Cloudflare “Free Website”

Ya estamos casi a punto de conseguirlo...

Para finalizar, viene el paso más complejo, el punto donde debemos cambiar los DNS de nuestro dominio en nuestro registrador.

Crear cuenta de Cloudflare

Digo que es complejo porque este es el paso donde la mayoría de usuarios que intentan implementar CloudFlare fallan o dudan y abandonan el proceso.

Lamentablemente, esta es una parte que no puedo documentar en este artículo, ya que, el proveedor donde cada usuario tiene registrados los dominios es algo personal.

En último caso si no sabes cambiar las DNS por las que te pide que pongas CloudFlare, puedes contactar con el soporte del proveedor donde tienes registrado el dominio y pedírselo, normalmente te lo harán o te dirán como lo puedes hacer a través de su panel de control.

Una vez que tenemos cambiados los DNS en el registrador, pulsamos el botón “Continue” para finalizar el proceso de implementación de CloudFlare.

Si lo hemos hecho todo correctamente ahora debemos esperar a que los cambios en el DNS se propaguen y nuestro dominio funcione con los DNS de CloudFlare.  Esto puede tardar entre 1 y 48 horas dependiendo del proveedor y de la extensión del dominio.

Sabremos que el proceso se está completando cuando ella nos envié un correo electrónico diciéndonos que los DNS de CloudFlare ya están funcionando para tu dominio.

La relación entre CloudFlare y WordPress

He querido hablar de este tema ya que he visto mucha gente que lo pregunta.

Existen plugins para WordPress como por ejemplo W3 Total Cache, un plugin llamado Sunny o el propio plugin oficial de CloudFlare para WordPress que teóricamente mejoran la integración de CloudFlare con WordPress.

Me gustaría aclarar que lo único que permiten hacer estos plugins es conectarse al API y habilitar o deshabilitar el modo desarrollador.

Me explico, la conexión entre una web o blog en WordPress y CloudFlare mediante API no es esencial en lo que a funcionalidades se refiere.

En el caso de W3 Total Cache se puede purgar caché directamente desde el plugin, esto es bueno, pero tampoco es una funcionalidad esencial, ya que, si tenemos CloudFlare bien configurado, sus archivos del caché se purgarán en su debido momento cuando expire el TTL configurado.

Hasta aquí lo que quería contaros sobre cómo implementar un CDN fácilmente en tu sitio web.

Foto (CDN): Shutterstock

¿Cuentas ya con un buen CDN para tu web?  

Mi nombre es Alvaro, soy consultor especializado en Wordpress y co-fundador de Raiola Networks, un proveedor de hosting especializado en la administración de servidores Linux y en Wordpress.
Soy la persona encargada de publicar en el blog de Raiola Networks donde hablo sobre Wordpress y sobre servidores intentando llegar al máximo número de lectores.

2000 es el número máximo de caracteres permitido
danielkaar
danielkaar
Gracias Alvaro!
Rocío Villar
Rocío Villar
Gracias por la explicación, Álvaro. Tengo entendido que, una vez ya estés trayendo tráfico a tu web a través de Cloudflare, todas las visitas te llegarán desde IP´s del propio servicio, no las reales, por tanto perdería toda la analítica. ¿Para solucionarlo no necesito el plugin de Cloudflare? ¿Cómo se soluciona?
Alvaro Fontela Sanchez
Rocío Villar
Hola Rocio, la verdad es que el efecto que me comentas yo llevo bastante tiempo sin verlo, es decir, yo no suelo instalar el plugin y en AW Stats y compañia si que veo las IPs.
La verdad es que es un tema que me tiene bastante perdido, dado que teoricamente hay dos formas de que aparezcan las IPs de los visitantes en los logs: con el plugin y con el modulo de Apache. Pero yo no suelo usar ni el primero ni el segundo y puedo ver sin problemas las IPs visitantes.

Lo unico que se me ocurre es que con el tiempo Cloudflare haya mejorado la tecnologia del proxy inverso (como hizo con la deteccion de cambios en el cache) y ahora ya detecte las IPs visitantes sin plugin ni modulo.

Un saludo.
Rocío Villar
Rocío Villar
Alvaro Fontela Sanchez
Ah, pues voy a probar a quitar el plugin a ver si todo va correctamente como tú dices. Así me ahorro un plugin. ¡Muchas gracias por tus consejos, Álvaro!
Have a Suggestion?