CloudFlare CDN se pone en marcha creando una cuenta, indicando la URL del sitio para que revise los registros DNS, escogiendo el plan gratuito y reemplazando las DNS del dominio en el registrador. Este procedimiento sirve para WordPress, PrestaShop, Magento, Drupal o desarrollos propios. La activación está supeditada a la propagación DNS: unos minutos en .com y de 8 a 12 horas en .es.
En este blog ya hemos tratado en varias ocasiones CloudFlare, puesto que, como hemos señalado en repetidas ocasiones, es la mejor alternativa de CDN gratuito.
No hay demasiadas opciones al escoger un CDN gratuito, dado que alternativas como CoralCDN o Photon de Jetpack no constituyen alternativas reales para un proyecto web serio e Incapsula CDN está muy restringido en su versión gratuita, por eso CloudFlare es considerada la única opción gratuita para este tipo de implementaciones.
Empecemos por el principio, CloudFlare es un CDN que opera mediante proxy inverso usando Nginx, actuando de enlace entre los visitantes que llegan a la web y el servidor o hosting que alojan la web, de este modo puede hacer cache de los elementos y páginas, pero a la vez también es capaz de resguardar el servidor de la web frente a ataques de toda clase.
CloudFlare se sitúa delante de TODA la página, funciona mediante DNS Anycast y el visitante al entrar al sitio web, en lugar de llegar al servidor, llega a una versión cacheada de la página almacenada en los servidores de CloudFlare en algún punto del mundo.
A continuación, puedes consultar la lista de puntos de presencia de CloudFlare en junio de 2016 (crecen de forma continua):
Con tantos puntos de presencia o POPs por todo el mundo, lo que CloudFlare pretende lograr es que la latencia entre el visitante y un POP no supere los 30 ms, lo que mejora de forma radical los tiempos al servir peticiones a los visitantes.
Como ves, CloudFlare es el CDN perfecto para proyectos situados en la zona hispanoamericana, ya que dispone de punto de presencia en Madrid, pero también cuenta con cinco puntos de presencia en América Latina, una zona bastante complicada para la mayoría de CDN y donde habitualmente falta presencia.
¿Qué ventajas tiene CloudFlare? O dicho directamente, ¿Qué ventajas tiene la implementación de un CDN en un sitio web?
En los siguientes artículos que hemos publicado anteriormente, ya hemos hablado y estudiado las ventajas de un CDN:
Pero no es solo eso, sino que en este blog ya hemos tratado varias veces también cómo implementar otros CDN Premium en tu WordPress o en cualquier otro CMS:
Todos estos son CDN Premium que ofrecen un servicio bastante bueno, pero cada servicio se adapta a un tipo de necesidades distintas y cada servicio tiene ventajas distintas.
Comencemos directamente con la configuración de CloudFlare, el proceso que vamos a explicar, sirve para cualquier sitio web, sea cual sea el CMS utilizado.
Empecemos creando una nueva cuenta en CloudFlare en caso de no disponer de ella, para eso debemos ir al sitio web de CloudFlare y accedemos a la siguiente dirección URL:
Tenemos que completar los datos, como ves, son datos básicos, simplemente un correo electrónico y una contraseña para poder iniciar el proceso de configuración de la cuenta de CloudFlare CDN.
Una vez que completamos los datos y pulsamos el botón verde “Create Account” podemos pasar al siguiente paso, la siguiente pantalla tiene este aspecto:
Está claro lo que tenemos que hacer, ¿no? Debemos introducir la dirección URL de nuestro sitio web en el cuadro correspondiente y después debemos pulsar el botón verde “Scan DNS records” para que el sistema de CloudFlare detecte los registros que tenemos actualmente en el servidor DNS del dominio.
Durante el tiempo de escaneo, CloudFlare nos explica con un video cómo funciona el servicio:
Cuando termine el video (son 60 segundos) podremos pasar al siguiente paso del asistente de configuración.
Una vez pasamos al siguiente paso, podremos ver un listado con los registros más comunes que ha detectado CloudFlare, es posible que tengamos que añadir nosotros alguno si no están todos, es recomendable revisarlos:
Una vez que tengamos todos los registros ahí, debemos pulsar el botón verde “Continue” que está debajo de todo para continuar. Mi recomendación es que, si es la primera vez que configuras un CDN o la primera vez que configuras CloudFlare, no toques nada relacionado con los controles de CDN que hay en esta pantalla (nubes grises y de color naranja).
CloudFlare ofrece cuentas gratuitas con limitaciones de tráfico MUY AMPLIAS, pero también ofrece varias modalidades de cuentas Premium que podemos tener en cuenta o no según nuestros proyectos y nuestras necesidades, aun así, en el siguiente paso CloudFlare nos ofrece este tipo de cuenta, pero nosotros estamos creando una cuenta gratuita, por lo que pulsamos sobre “Free Website” rodeado en rojo en la siguiente imagen:
Al pasar al siguiente paso podremos ver las instrucciones que nos da CloudFlare CDN para cambiar las DNS actuales por las nuevas DNS de CloudFlare:
Ahora el proceso se vuelve variable, ya que tenemos que cambiar las DNS en nuestro registrador de dominios o en nuestro proveedor, y evidentemente, no el panel de todos los registradores de dominios es igual.
En este caso, nosotros vamos a mostrar el proceso para cambiar las DNS en nuestro panel de control de clientes mediante un video:
La URL a la que tienes que acceder como cliente de Raiola Networks para acceder al listado de dominios registrados con nosotros es el siguiente: https://gestiondecuenta.eu/clientarea.php?action=domains
Debemos acceder al dominio tal y como ves en el video e introducir las DNS que aparecen en el paso de CloudFlare que hemos mostrado en la captura anterior.
Ahora guardamos los cambios DNS pulsando el botón “Cambiar DNS” y volvemos a la pantalla de CloudFlare donde estábamos:
Una vez que pulsamos el botón verde “Continue” pasamos al siguiente paso, pero debemos esperar a que las DNS propaguen para poder usar CloudFlare.
El tiempo que tardan en propagar las DNS depende del proveedor y de la extensión del dominio, por ejemplo, en los dominios .es puede tardar entre 8 y 12 horas, sin embargo, en los dominios .com puede tardar unos minutos en la mayoría de los casos.
Mientras tanto, en el dashboard o panel de CloudFlare, nos muestra este botón y esta sección indicándonos que la propagación DNS sigue pendiente:
Una vez propagadas las DNS y cuando realmente CloudFlare está funcionando correctamente, esto cambiará y nos aparecerá el dashboard o panel de control de CloudFlare de la siguiente forma:
Con esto tendremos configurado CloudFlare en nuestro sitio web, sea cual sea el CMS, da igual que sea WordPress, que Prestashop, que Magento o Drupal, incluso si se trata de desarrollo propio en PHP o en el lenguaje que quieras.
Configurar CloudFlare para CDN
Ahora que tenemos CloudFlare funcionando, vamos a configurar ciertas cosas para conseguir que CloudFlare funcione como CDN, pero que omita por completo las medidas de seguridad y las optimizaciones de código.
Empecemos por el apartado “Firewall” señalado en la imagen siguiente; hay que conservar los parámetros tal como aparecen en la imagen para que la seguridad quede desactivada:
En los dos recuadros verdes se aprecian las dos opciones que deben configurarse de ese modo:
- Security Level lo ajustamos a “Essentially Off” para asegurarnos de que ningún mecanismo de seguridad de CloudFlare intervenga sobre nuestros visitantes.
- Challenge Passage es una opción que debería quedar desactivada al seleccionar el modo “Essentially Off”, pero, por precaución, la vamos a fijar en el tiempo máximo, 1 año.
Una vez definidas las opciones de seguridad para evitar inconvenientes y lograr que CloudFlare funcione solo como CDN, pasemos a comprobar el apartado de rendimiento:
Por motivos de compatibilidad, mantenemos sin marcar las casillas que se muestran en el cuadro verde, ya que, aunque al marcarlas podríamos obtener una mayor velocidad de carga, aconsejo dejarlas desmarcadas si únicamente vamos a utilizar CloudFlare como CDN.
Si continuamos descendiendo en ese mismo apartado, encontramos otra sección denominada “Rocket Loader”; debemos comprobar y confirmar que permanezca desactivada:
Así quedará configurada esta parte.
Pasamos al apartado “Caching” y revisamos la caché del navegador; vamos a aumentar un poco el TTL, por ejemplo, a 1 mes, para mejorar la eficiencia del CDN.
Con esto ya tendremos CloudFlare funcionando como CDN de manera eficiente, pero aun así podríamos llevar a cabo configuraciones avanzadas para hacer que CloudFlare funcione mediante subdominios, tal como hemos explicado en este artículo: https://raiolanetworks.com/blog/como-ahorrar-ancho-de-banda-en-wordpress/
CloudFlare y WordPress
Antes de terminar el artículo, también quisiera mencionar la relación o la compatibilidad entre CloudFlare y WordPress.
CloudFlare es un CDN por proxy inverso, lo que significa que funciona de manera independiente al CDN del CMS o script empleado, sea cual sea el lenguaje de programación de la web; si la web generada es HTML y puede visualizarse desde un navegador, funcionará con CloudFlare sin ningún tipo de implementación.
Hay algunos plugins para WordPress, como por ejemplo Sunny, aunque lleva ya un tiempo sin actualizarse; por otro lado, CloudFlare cuenta con un plugin oficial para WordPress, pero sus funcionalidades son bastante limitadas: https://es.wordpress.org/plugins/cloudflare/
Los plugins de CloudFlare para WordPress no desempeñan ninguna función vital que se necesite para poder usar el CDN, simplemente habilitan algunas funcionalidades adicionales:
- Permiten vaciar la caché directamente desde el back-end de WordPress.
- Permiten ver la IP real de los visitantes sin necesidad del módulo para el servidor web.
- Permiten activar y desactivar el modo desarrollador a petición.
- Permiten activar y desactivar las medidas de seguridad de CloudFlare.
Preguntas Frecuentes
¿Qué es una CDN y qué aporta Cloudflare?
Una CDN es una red de servidores que sirve tu contenido desde el punto más cercano al visitante. Cloudflare además filtra tráfico malicioso y ofrece SSL gratuito. En el plan free el caché se limita a archivos estáticos; el HTML dinámico no se almacena por defecto, así que no esperes milagros en webs muy pesadas.
¿Cómo quito el bloqueo de Cloudflare en mi web?
Si ves la página de verificación en bucle, revisa las reglas de firewall y el nivel de seguridad en Security. Bajar de High a Medium suele resolver falsos positivos con bots legítimos. También puedes crear una regla que permita tu IP o desactivar el proxy naranja mientras haces pruebas.
