NorfiPC
NorfiPC » Web » TTFB

Reducir el Time To First Byte (TTFB) a menos de 200 ms con Cloudflare



Usar el CDN de Cloudflare, para guardar en cache el HTML de las páginas de un sitio y disminuir el valor del TTFB, el tiempo hasta el primer byte de datos.
Reducir el Time To First Byte (TTFB) a menos de 200 ms con Cloudflare
Uno de los factores usados actualmente por Google para calificar la velocidad de un sitio y que por lo tanto influye mucho en su posicionamiento, es el Time To First Byte, en español tiempo hasta el primer byte, conocido por sus iniciales TTFB y popularmente como tiempo de respuesta.
Este parámetro no tiene nada que ver con la velocidad de carga de las páginas, que es independiente a cada una de ellas. El valor del Time To First Byte, es propio del sitio web completo.
En otro artículo explico en que consiste este parámetro y los factores que lo determinan.
En este comparto mi experiencia, de cómo reducirlo y mejorarlo al máximo, usando la cache del CDN Cloudflare.



Como disminuir el valor del Time To First Byte (TTFB) con Cloudflare


El servicio CDN de Cloudflare es la opción ideal para reducir el TTFB de un sitio de internet.
Especialmente cuando el servidor de origen, se encuentra lejos geográficamente de los lectores o usuarios.
Cloudflare de forma predeterminada guarda en su cache los archivos estáticos como imágenes, CSS y JavaScript y los sirve o entrega directamente a nuestros lectores de su base de datos más cercana.
En toda el área de Hispanoamérica hay varios centros de datos de este servicio dispersos.
No pasa así con el HTML, que necesita ser cargado directamente desde el servidor de origen.
En este caso el CDN no mejora en lo absoluto el TTFB.
Para lograr que Cloudflare también guarde en cache el HTML de nuestras páginas, necesitamos indicárselo agregando una regla.



Como guardar en cache los archivos HTML con Cloudflare


Para crear una regla que indique a Cloudflare que debe guardar en cache los archivos HTML, sigue los siguientes pasos.
1- Accede a tu cuenta de Cloudflare y abre el panel Page Rules (Reglas).
2- Presiona el botón "Create Page Rule".
3- En el cuadro URL introduce la dirección de tu blog o sitio web, agregando asteriscos de la siguiente forma:
https://*misitioweb.com/*
De esta forma se incluyen los subdominios de existir alguno.
4- Presiona "+ Add a Setting" y en el menú selecciona: "Cache Level".
En el submenú "Select Cache Level" selecciona: "Cache Everything".
5- Vuelve a usar + Add a Setting y en el menú selecciona: "Edge Cache TTL"
En el submenú "Enter Edge Cache TTL" escoge el valor: "a month".
Crear regla en Cloudflare para cachear el HTML de un sitio web
6- Finalmente presiona el botón: "Save and Deploy"
Después de guardar los cambios, asegúrate que el resultado en el panel de Page Rules, muestra la siguiente regla:
Cache Level: Cache Everything, Edge Cache TTL: a month
Similar al que se muestra en la siguiente imagen.
Page Rule (Regla) en Cloudflare para guardar en cache el HTML de un sitio web



Comprobar el valor mejorado del Time To First Byte


Inmediatamente después de activar la regla señalada, después que cualquier lector cargue una página en su navegador, esta quedará guardada en la cache de todos los centros de datos, por lo que en pocas horas todo el HTML del sitio estará en cache.
Podemos comprobar la reducción del valor del Time To First Byte, usando cualquiera de los métodos que recomiendo en el artículo anterior.
No obstante la opción ideal es usar el navegador Google Chrome, aunque también lo permite Firefox.
En la siguiente imagen de ejemplo se puede comprobar el valor del Time To First Byte, de esta misma página.
Consola de Chrome mostrando el valor del Time To First Byte (TTFB) de este sitio, reducido a menos de 200 milisegundos, guardando el HTML en la cache de Cloudflare
Valor del Time To First Byte (TTFB) de este sitio, reducido a menos de 200 milisegundos, con Cloudflare



Desventajas de cachear el HTML


Después de implementar esta regla, cada vez que hagamos un cambio en cualquier página, no lo verán los lectores en su navegador, que seguirán cargando la copia almacenada en los centros de datos de Cloudflare.
Necesitamos limpiar manualmente la cache de dicha página, para que los cambios tengan efecto.
Por lo tanto esta opción solo es de utilidad para sitios estáticos, que sufren pocos cambios en su contenido o si nos decidimos a limpiar inmediatamente la cache de cada archivo modificado.
Esto se puede hacer usando la API del servicio, como explico en otro artículo: Borrar un archivo de la cache de Cloudflare con un batch y CURL



Reducir el tiempo de resolución DNS con Cloudflare


Otra de las ventajas de usar Cloudflare, es que de forma adicional nos permite reducir el tiempo de resolución DNS.
Este tiempo es un intervalo imprescindible, antes de poder iniciar la primera consulta al servidor y al reducirlo, lógicamente también reducimos el Time To First Byte.
Para usar el CDN de Cloudflare, es necesario previamente agregar el DNS de nuestro dominio.
También es opcional transferir nuestro dominio a este servicio, para poder aprovecharnos de otras funcionalidades como DNSSEC, protocolo que permite reforzar la seguridad e impide ataques mediante DNS.

Páginas relacionadas



Sígueme en las redes sociales


Página de este sitio que te sugiero hoy
 
Inicio | Mapa del sitio | Buscar | Sobre mí