Qué Es TTFB o First Byte Time y Cómo Optimizar WordPress

TTFB (en inglés Time To First Byte o TTFB) significa «Tiempo Hasta el Primer Byte» y es el tiempo de respuesta del servidor. Es una medida que registra el tiempo que un usuario, con su navegador, tiene que esperar para recibir el primer byte de información por parte del servidor al que quiere acceder después de realizar la petición. Cuanto más tarda el servidor en responder a dicha petición, más tiempo tarda el navegador en mostrar la página web al usuario. Es por esto por lo que los retrasos entre las peticiones del navegador y la respuesta recibida pueden incrementar el tiempo del TTFB.

El TTFB mide la duración desde que el usuario (o el cliente) realiza una solicitud HTTP en el servidor hasta el primer byte de la página que recibe el navegador del cliente.

El tiempo del TTFB es el sumatorio de todos los tiempos de respuesta de cada uno de los servicios por los que pase nuestra petición, entre ellos el navegador, la conexión a Internet, la capacidad de respuesta del server en base al software y hardware, la distancia del nodo al servidor web y al DNS más cercano, y la traducción del dominio a IP. Esto significa que el TTFB no solo existe la primera vez que se visita una URL, sino cada vez que se solicita el acceso a más contenido.

Para comprender mejor qué es el TTFB, es importante comprender cómo se transfieren los datos en Internet, puesto que el cálculo original del TTFB siempre incluye la latencia de red al estar guiado por un procedimiento que se realiza de forma automática en tu servidor y que puede ser un impedimento para que se haga de forma eficaz. Este proceso ocurre siguiendo una serie de sencillos pasos que te voy a explicar en profundidad para que entiendas cómo se lleva a cabo esta transferencia de datos:

Cuando un usuario hace clic en una URL de cualquier navegador, este envía la solicitud en forma de HTTP al servidor. Eso sí, hay que destacar que este navegador no puede enviar directamente los datos al servidor y, por ello, hace uso de los llamados «Proxies» para crear una conexión. ¿Y qué es eso de «proxies»? Un servidor Proxy se usa, generalmente, como puente entre el origen y el destino de la solicitud, interponiéndose entre el equipo del usuario y la red. Como no existe el servidor «perfecto», estos son algunos de los factores que pueden ralentizar el tiempo de solicitud:

El servidor, tras haber sido enviada la solicitud, tiene que procesarla y generar una respuesta. Este servidor se encarga de la búsqueda de los archivos que el usuario, a través de su navegador, ha solicitado y los prepara para enviarlos directamente a su navegador. En este aspecto, el procesamiento también puede verse afectado por diversos motivos:

El servidor responde con los datos que han sido solicitados y el navegador se encarga de mostrarlos al usuario mediante un sitio web. ¡Es aquí cuando se recibe el primer byte de información! Esta última fase también podría verse visiblemente afectada por una velocidad de la red del servidor o usuario lenta.

Siempre es importante conocer cuáles son las causas que determinan porqué el TTFB es rápido o alto, puesto que es una buena forma de detectar en qué está fallando tu sitio web. Existen diversas variables y elementos que pueden generar que un TTFB sea superior al deseado. En este caso, conoces que esta métrica puede verse afectada por el tiempo que tarda en propagarse la petición y la respuesta del servidor por la red y por el tiempo que tarda el servidor web en generar esa respuesta deseada y enviarla a través de la red para que el navegador del usuario la reciba. Por ello, a continuación te voy a mostrar las causas más significativas:

Vivimos en una sociedad donde todo transcurre muy deprisa, y lo mismo ocurre con las páginas webs, blogs o tiendas online. Es por esto por lo que la velocidad de carga de tu página web se está convirtiendo en un deber más, sobre todo si quieres posicionarte en las primeras posiciones de cualquier motor de búsqueda. Comprobar cuál es el TTFB de un sitio web constituye una acción muy sencilla, especialmente con alguna de las herramientas que se han mencionado anteriormente. Sin embargo, en ocasiones te pueden surgir ciertas dudas relacionadas con este ámbito que te gustará resolver. Por ello, he recopilado las preguntas frecuentes más relevantes para poder ayudarte a mejorar el rendimiento de tu página web a la hora de poner en marcha esta métrica.

Depende. Los valores óptimos de TTFB de una página web pueden variar en función de la tipología de elementos integrados, de la región utilizada por las herramientas para hacer el test de los tiempos de carga, etc. Sin embargo, no ofrece la posibilidad de analizar la página desde una localización próxima a la ubicación del servidor web, puesto que el tiempo de respuesta hasta que el usuario recibe el primer byte sería superior al de los usuarios reales. Por ello, es relevante que conozcas cuáles son los valores más óptimos para un buen funcionamiento de la web.

Cuando el valor es inferior a 100ms, es perfecto. Si el valor se encuentra cerca de los 200ms, es positivo en relación a los tiempos de respuesta del servidor web en base a las peticiones realizadas desde un navegador. Pero si el valor está llegando a los 500ms, estaría muy aproximado al límite ideal, aunque seguiría siendo un valor estándar. Si el TTFB se acerca a 1s, estaríamos hablando de un valor negativo, y si se aproxima a los 2s, habría que lidiar con la resolución del problema a nivel de WPO.

Antes de explicarte por qué afecta al TTFB, debes comprender para qué sirve el almacenamiento en caché dinámico. Este actúa como un recordatorio de la solicitud que has realizado y así no tener que repetirla nuevamente, como si fuese una especie de memoria interna. De esta forma, como ya el servidor conoce qué información vas a pedir, la preparará con mayor fluidez y será más corto el tiempo de espera. En el caché se almacena toda esa información que pides para hacer más fácil las próximas búsquedas que hagas.

Un claro ejemplo puede ser SiteGround (una empresa de alojamiento web), “Dynamic Caching” usa NGINX como un servidor proxy inverso. ¿Qué significa esto? La programación de los servicios PHP y MySQL se almacena en la memoria RAM del servidor. Es decir, cuando un usuario realiza una visita, recibe una respuesta en caché de SiteGround, actuando como si fuera la carga de una página HTML pero más efectiva y rápida. Esta rapidez se debe a que el contenido se genera desde la memoria y no desde el disco duro del propio servidor.

Pero, ¿qué pasa cuando tienes el caché dinámico activado pero el TTFB sigue siendo lento? Primero debes verificar si estás midiendo el resultado en caché o si se trata de medirlo desde una ubicación geográfica cercana. La forma más rápida de comprobar si estás midiendo el resultado en caché es realizar varias pruebas, ya que es normal que obtengas una respuesta más lenta y tras ella, resultados más positivos y rápidos; de esta forma, garantizas que estás midiendo lo que deseas. En el caso de la ubicación geográfica cercana, hay que destacar que es usual que las pruebas desde una ubicación remota, deriven en una latencia de red alta; por ello, si necesitas que tu página web sea más rápida desde un amplio abanico de ubicaciones, puedes considerar implementar un CDN.

Como se ha mencionado anteriormente, el TTFB puede ser afectado por la velocidad de la red entre el servidor y el navegador del usuario (o cualquier otra herramienta que se haya utilizado para medir este valor). Por eso, el uso de un CDN podría ayudarte a mejorar la velocidad de tu página web si tiene los llamados puntos finales cerca desde tu actual ubicación geográfica. ¿Qué es un CDN? Es una plataforma de servidores altamente distribuida que ayuda a minimizar los retrasos en la carga de contenidos de páginas web al reducir la distancia física entre el servidor y el usuario.

Sin embargo, hay un pequeño detalle que debes tener en cuenta cuando implementas un CDN, puesto que si lo posees como CloudFlare habilitado, estás midiendo el TTFB entre tu navegador y el punto final del CDN que atiente tu solicitud y no entre tu sitio web y el servidor de SiteGround. ¿Para qué se utiliza CloudFlare? Este medio garantiza la fiabilidad de tus recursos dirigidos al público como sitios web, API y aplicaciones. Además, protege tus recursos internos, tales como equipos, dispositivos y aplicaciones detrás del firewall.

Si la CDN aún no ha guardado en el caché tu contenido, primero debes recurrir al servidor de SiteGround, obtener tus datos, distribuirlos y luego entregártelos a ti. Y como es de esperar, esto puede ocasionar un retraso adicional al proceso antes de que se reciba ese primer byte de información. Para solucionar este problema, debes asegurarte, en primer lugar, de tener habilitado el almacenamiento en caché para tu CDN y luego verificar si tienes un punto final cercano a tu destino geográfico.

El TTFB no debes verlo como una amenaza, siempre y cuando conozcas porqué causa problemas en tu navegador o página web. Recuerda que esta métrica es clave para que todo fluya con una rapidez y efectividad que pueda otorgar al usuario una gran satisfacción tras tu petición inicial. Si tu web, además, le ofrece un buen servicio de contenido, tendrás al posible cliente en bandeja. Por este motivo, si eres el propietario de un sitio web o WordPress, te aconsejamos que utilices el TTFB como estrategia para fidelizar clientes y generar mayor interacción.

Sin embargo, detectar un TTFB lento o alto no es una tarea sencilla. Es un procedimiento largo que requiere de mucho tiempo y dedicación, además de ser necesario comprender el verdadero funcionamiento de esta pieza tan fundamental en las secciones digitales publicadas en la red. Analiza tu página con detenimiento, detecta esa escasa fluidez si la posees, y trabaja en ella para otorgarle un buen lavado de cara. Si realizas esta tarea de forma regular, conseguirás el efecto que deseas. ¡Aprovecha esta nueva tendencia SEO!

¿Qué te ha parecido esta guía sobre el Time To First Byte? ¿Conocías esta función para implementarla en tu perfil de WordPress? ¿Ya cuentas con toda la información necesaria para lanzarte a realizar esas mejoras que tanto buscabas? ¿Te has quedado con alguna duda o pregunta que podamos resolver? Entonces te pido que dejes un comentario. Da igual que sea o una duda o un simple gracias, pero me alegraré mucho de leerlo y responderlo.