Locked Configurar Cloudflare para mejorar el tráfico de tu web

[elnocturno]

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.

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

 

Cómo configuramos Cloudflare en nuestra web?

 

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

Registramos uno de nuestros

This is the hidden content, please

• Sign In
• or
• Sign Up

en el sistema de cloudflare.com

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

Cloudflare buscará los

This is the hidden content, please

• Sign In
• or
• Sign Up

actuales del dominio y nos dará las instrucciones para configurar el nuevo dominio.

 

This is the hidden content, please

• Sign In
• or
• Sign Up

This is the hidden content, please

• Sign In
• or
• Sign Up

 

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
  

 

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

Y dejamos las opciones de seguridad por defecto. Continuamos:

 

 

 

 

 

 

 

This is the hidden content, please

• Sign In
• or
• Sign Up

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

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

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.

 

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

Quedará de la siguiente forma:

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

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

This is the hidden content, please

• Sign In
• or
• Sign Up

.

 

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
  This is the hidden content, please

  • Sign In
  • or
  • Sign Up
  , 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
  This is the hidden content, please

  • Sign In
  • or
  • Sign Up
  , 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.