Comunidad de diseño web y desarrollo en internet online

Configurar Cloudflare para mejorar el tráfico de tu web

Buenas a todos, luego de un descanso sin escribir, hoy quise escribir este tutorial sobre cómo configurar un sitio web para que trabaje con la tecnología de Cloudflare.

Qué es Cloudflare y para qué funciona?


Cloudflare es un CDN.

Wikipedia :

Citando Wikipedia un CDN es
Una red de entrega de contenidos o red de distribución de contenidos (CDN, content delivery network en inglés) es una red superpuesta de computadoras que contienen copias de datos, colocados en varios puntos de una red con el fin de maximizar el ancho de banda para el acceso a los datos de clientes a través de la red. Un cliente tiene acceso a una copia de los datos cerca del cliente, en contraposición a todos los clientes que acceden al mismo servidor central, a fin de evitar cuellos de botella cerca de ese servidor.


En dónde utilizamos Cloudflare en nuestro sitio web?


Lo podemos utilizar en todos los archivos estáticos, por ejemplo CSS, Javascript, imágenes o archivos varios.


Cómo configuramos Cloudflare en nuestra web?


Lo primero que debemos hacer es registrarnos en cloudflare.com (Es gratis).


Registramos uno de nuestros dominios en el sistema de cloudflare.com


Cloudflare buscará los DNS actuales del dominio y nos dará las instrucciones para configurar el nuevo dominio.



Nos permite configurar nuestros nombres de dominios a nuestros servidores, por ejemplo, para una configuración básica, debemos crear los siguientes registros de DNS:
  • Un registro de Tipo A : Indica a qué servidor apuntará el dominio principal.
  • Un registro de Tipo CNAME : Esto indica que a un subdominio del dominio principal siempre le creo el registro WWW



Y dejamos las opciones de seguridad por defecto. Continuamos:



Listo, ya nos dice a qué DNS debemos apuntar el dominio.



Cómo hago para que mis archivos estáticos puedan pasar por Cloudflare?


La mejor práctica que he utilizado y me a funcionado muy bien es la de crear varios subdominios para apuntar este contenido, por ejemplo:

static.prueba.com : Este dominio será utilizado para despachar los archivos JS, CSS y SWF.
img.prueba.com : Este domino será utilizado para despachar las imágenes.

Lo que demos hacer ahora es crear dos Registros CNAME.


Quedará de la siguiente forma:


La Nube en color naranja indica que pasa por la red de Cloudflare, la nube en color gris no pasa por cloudflare sino directo a nuestro servidor.

Ahora configuramos en nuestro CPanel los subdominios apuntando a la carpeta en donde estará nuestro contenido.
  • A la carpeta public_html/static/ apuntaremos el subdominio static.prueba.com. Ésta puede contener dos carpetas: una css/ y otra js/. Esto quiere decir que cuando se llame a un archivo, por ejemplo http://static.prueba.com/css/estilos.css, la red de cloudflare será la que lo despache al usuario final.

  • A la carpeta public_html/img/ apuntaremos el subdominio img.prueba.com. Esta contiene los archivos de imagen, esto quiere decir que cuando se llame a un archivo, por ejemplo http://img.prueba.com/logo.jpg, la red de cloudflare será la que lo despache al usuario final.


Con esta configuración todo funcionará de maravilla y ya te estás ahorrando todo el ancho de banda de tus CSS, JS e Imágenes.

Cualquier consulta o pregunta estamos a la orden, espero que les sirva a muchos.
Saludos.

@andrewvergel

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate