Como ya sabrás, hay muchas formas de acelerar la velocidad de carga de tu wordpress: códigos, trucos, caché y demás. Pero si hay algo que hace el cambio notorio es el uso de una CDN, y en este caso específico, el uso de Cloudflare.

Pero, ¿Qué es Cloudflare?

Cloudflare es un servicio de CDN, que no afecta negativamente al SEO debido a que no cambia las url’s del contenido a la hora de servirlos.

Además, dispone de un plan gratuito que cubre las necesidades de la mayoría de blogs y webs corporativas.

cloudflare

Instalación Cloudflare

Una vez creada tu cuenta, lo primero que se te pedirá es añadir tu sitio web (el dominio que quieres servir desde Cloudflare).

En la siguiente pantalla se te informará que está recopilando los datos de tu DNS y posteriormente nos preguntará que plan queremos.

En este caso elegiremos el gratuito.

Una vez que confirmes el plan, te aparecerá la siguiente ventana, la cual te mostrará los DNS encontrados por Cloudflare y los cuales tendrá que replicar en sus servidores.

cloudflare dns

Si al revisar los registros DNS (CNAME, TXT, MX, A) percibes que todo está en orden entonces solo da clic en continuar y de faltar alguno, lo puedes añadir manualmente.

Lo último que debes hacer antes de comenzar la configuración en Cloudflare es cambiar los servidores DNS actuales, por los nuevos de Cloudflare.

nameservers

Esta parte se debe realizar desde tu proveedor de dominios.

¿Te gusta lo que estás leyendo?

Mantente al tanto de las novedades y sé el primero en ver los tutoriales.

Deja tu correo y recibe contenido exclusivo para suscriptores.

Sin spam, sólo contenidos de calidad.

 

Antes de comenzar a configurar, seguramente te estarás preguntando:

¿Qué cambia en mi modo de gestionar Wordpress?

Bueno, nada en absoluto.

Tu web seguirá funcionando igual, incluso tu alojamiento. Las url’s seguirán siendo las mismas, las imágenes seguirán subiéndose a tu biblioteca de Wordpress, etc.

Lo que si notarás pronto es que el consumo de ancho de banda y recursos de alojamiento de tu hosting, bajará, ya que mucho de esto estará siendo asumido por Cloudflare.

Configuración en Cloudflare.

SSL

Aquí debemos ir a la sección Crypto del panel de Cloudflare.

  • Si tienes certificado SSL proveído por tu hosting, entonces cambia el ajuste SSL de Full a Full (Strict), de lo contrario déjalo como Full
  • Pon en ON el ajuste de usar siempre HTTPS
  • Activa HSTS, sólo si tienes claras sus implicaciones. Esto activa un protocolo de seguridad HTTPS que añadirá seguridad de manera estricta a tus conexiones HTTPS
  • Activa el Opportunistic Encryption pasándolo a ON. Este activa la funcionalidad HTTP2 aún sirviendo contenido con HTTP.
  • Onion Routing permitirá las conexiones privadas a través de la red Tor, así que debes activarlo.
  • Y también pon en ON la opción Automatic HTTPS Rewrites para que todo tu contenido sea servido en HTTPS.

Sé que dirás que hay otras opciones que no he mencionado pero eso es debido a que la mayoría son para casos muy especiales o requieren un plan de pago.

Firewall

La sección Firewall del panel de Cloudflare te permite añadir hasta 5 reglas de cortafuegos de manera gratuita, con las que bloquear tráfico indeseado de atacantes confirmados o sospechosos habituales.

Puedes bloquear peticiones por país, IP, navegador, tipo de petición, etc.

firewall - cortafuegos

En esta sección es importante cambiar el nivel de seguridad de Standard a Low, ya que de lo contrario, Cloudflare puede bloquear demasiado tráfico normal y podrías estar bloqueando el acceso a servidores externos necesarios.

 Velocidad (Speed)

Como lo puedes imaginar, en la sección Speed encontrarás ajustes que ayudarán a tu web a ganar velocidad, gracias a las características ofrecidas por Cloudflare.

El primer paso es activar la minificación CSS, HTML y JavaScript. Solo activa estas 3 casillas:

minificar cloudflare

Una vez hecho esto comprueba el estado de tu web para verificar que todo funciona, especialmente los botones de compra u otros importantes.

Brotli en WordPress

brotli

Brotli es un algoritmo de compresión de páginas HTTPS que ayuda a servir webs más rápidas si el navegador es compatible, de lo contrario servirá la web con compresión GZIP.

En Cloudflare viene activa por defecto, así que déjala así.

Rocket Loader

Activa la característica Rocket Loader, que permite que el Javascript de tu web cargue más rápido.

rocket loader

En la opción de Mobile Redirect puedes especificar un subdominio, si creaste una opción móvil para tu web.

Por ejemplo en mi caso, si entras desde un cel a www.marcenteno.com, Cloudflare automáticamente te redirigirá a m.marcenteno.com.

Caché

Ahora nos enfocaremos en la sección Caching que permite gestionar la caché del contenido servido desde Cloudflare.

Revisa los ajustes por defecto y déjalos de esta forma:

  • Caching Level: Standard.
  • Browser Cache Expiration: 1 month. Mantener la caché del navegador más tiempo permite ofrecer tiempos de carga más rápidos, pero eso sí, la regeneración de la propia caché hará, que tu web se ralentice cuando toque generarla nuevamente; mi consejo es ponerla a 1 mes.
  • Always Online: Al activar esta opción, Cloudflare mostrará tus páginas estáticas en caché aun cuando tu web ofrezca errores 4xx, 500, 503, etc. De esa forma tendrás tiempo de recuperar tu web mientras sigues ofreciendo tus contenidos.

Una vez pasado el error, recuerda vaciar la caché desde Cloudflare y tu web se mostrará en directo.



Robo de Contenidos

Scrape Shield en Cloudflare es un escudo contra el robo de contenidos.

Aquí puedes ofuscar tus direcciones de e-mail, esto te protege de scrapers e impide el envío de spam.

La característica Server-Side Excludes permite ocultar contenido de tu sitio a visitantes sospechosos.

Por último encontrarás, Hotlink Protection. 

Esto se refiere a la práctica de robar y usar contenido de otros para mostrarlo en tu web. Esto perjudica el SEO y el ancho de banda.

En este caso recomiendo no activarla puesto que las imágenes de tu web no aparecerían en newsletters, feeds o incluso en redes sociales.

Recuerda que…

Estas configuraciones se hacen en el dominio principal, si quieres que se apliquen a tus subdominios debes agregarlos a tu cuenta de Cloudflare.

Esto se hace desde la sección DNS.

agregar subdominio cloudflare

También recuerda que si tu web está alojada en SiteGround, solo debes ir a tu  cpanel y activar Cloudflare desde ahí.

Cuando esté activa la cuenta, recibirás un correo, y tu contenido ya se servirá desde Cloudflare, ya que la configuración de DNS se hace automáticamente.

Finalizando,

Cloudflare es un excelente método para acelerar tu web, y además es gratuito.

El proceso es realmente sencillo y los resultados son evidentes.

  • Tu web tardará menos en cargar
  • Ahorrarás recursos de tu servidor.
  • Añade un extra de seguridad a tu web

Y todo a coste cero, así que anímate y cuéntame tu experiencia en los comentarios.