Tiempo Hasta el Primer Byte (TTFB)

La métrica Tiempo Hasta el Primer Byte (TTFB) determina cuán rápido llega el primer byte del código HTML al navegador. Así, indica la velocidad del servidor y de la red. En español lo podríamos llamar «tiempo hasta el primer byte».

TTFB refleja la velocidad del servidor (o infraestructura), la parte del servidor de la aplicación, y también la velocidad de la red entre el servidor y el navegador del usuario.

Métrica TTFB. ¿Cómo está tu backend?

Recomendamos mantener el valor de TTFB lo más bajo posible, idealmente por debajo de 0,5 segundos en todos los tipos de páginas, mientras que Google sugiere un valor hasta 0,8 segundos.

Por qué la métrica TTFB es importante#

Impacto en la métrica LCP#

TTFB tiene un impacto directo en las métricas FCP y LCP. Si tu valor de TTFB supera los 2,6 segundos, no puedes mostrar el elemento LCP en menos de 2,5 s, que es el límite establecido por Google.

La visualización del elemento LCP indica la suma de la velocidad del backend (TTFB) y la velocidad del frontend (descarga y procesamiento de archivos HTML, CSS y JS).

Velocidad del backend (TTFB) + velocidad del frontend = LCP.

Impacto en el Crawl Budget#

TTFB también es importante, por ejemplo, para el crawl budget de los motores de búsqueda. El Crawl Budget indica cuántas páginas podrá rastrear y indexar el robot del motor de búsqueda. Esto es particularmente relevante para sitios web grandes.

Si la respuesta del servidor es lenta, el robot podrá rastrear menos páginas.

Impacto en Web Vitals y por tanto en SEO o PPC#

La velocidad del backend afecta no solo la rapidez de las propias páginas, sino también las posiciones en los resultados de búsqueda. Dado que tiene un impacto directo en la métrica LCP y otros Web Vitals, ayuda al sitio a obtener una mejor calificación en SEO o incluso en PPC, ya que influye en el Quality Score.

Cómo podemos medir TTFB#

Extensión de Chrome “Web Vitals”#

Con el complemento directamente en el navegador, puedes descubrir el valor de TTFB para cada página de tu sitio web. En la consola, encontrarás mucha información sobre qué partes del TTFB es conveniente enfocarse durante una posible optimización.

Extensión Web Vitals.

Lee más sobre medir la velocidad directamente en el navegador.

Datos de los usuarios de Google (CrUX)#

Con nuestra prueba de velocidad del sitio web o la herramienta PageSpeed Insights, puedes descubrir el valor de la métrica TTFB para cada URL individualmente, o obtener datos para todo el dominio. La distribución de valores específicos de TTFB entre los usuarios (incluida la clásica doble cúspide de caché vs. sin caché) se muestra en un histograma.

Monitoreo PageSpeed.ONE#

En nuestro monitoreo PLUS, mostramos no solo el valor actual de TTFB para cada URL o todo el dominio, sino también mediante un gráfico cómo ha cambiado la métrica a lo largo del tiempo.

Métrica TTFB en pagespeed.one.

Tenemos datos tanto de usuarios (CrUX) como de mediciones sintéticas (synth). (Consulta los diferentes tipos de medición de velocidad web.)

Cómo optimizar TTFB#

Existen muchas maneras de optimizar el backend. Siempre es necesario basarse en los datos de las herramientas de medición. Vamos a mostrar algunas de ellas.

Aumenta el rendimiento de tu servidor o adquiere un alojamiento web más potente#

Consulta con el administrador de tu servidor las opciones para actualizar la memoria, cambiar los procesadores o reemplazar discos antiguos por nuevos discos SSD en tu servidor. Un hardware más rápido responderá más rápido a las solicitudes de los usuarios. Las tecnologías más recientes para el almacenamiento de datos asegurarán un trabajo más rápido con la base de datos.

Configura correctamente la caché del servidor#

Revisa tu configuración de caché de consultas a la base de datos o de plantillas. La caché del servidor puede reducir significativamente la carga del servidor y mejorar los tiempos de carga al almacenar contenido solicitado con frecuencia en forma de versiones estáticas. Esto permite al servidor responder más rápido sin la necesidad de procesar repetidamente las consultas al servidor.

Optimiza las consultas a la base de datos#

Identifica las consultas a la base de datos que toman más tiempo para procesarse y procura mejorarlas. Los desarrolladores deben revisar y optimizar regularmente las consultas a la base de datos y la configuración del servidor para asegurar el máximo rendimiento y eficiencia del código.

Cambia a una solución en la nube#

Puedes mejorar la métrica TTFB trasladando tu infraestructura a una de las soluciones en la nube y dejando toda la operación a los jugadores globales.

Mantén actualizado tu stack#

Piensa en mantener tu stack de desarrollo actualizado. Por ejemplo, actualiza los sistemas a las versiones más recientes de PHP, sigue las novedades de los frameworks de JS y utiliza los procedimientos más recientes que ofrecen las plataformas de desarrollo.

La optimización del TTFB y por ende del rendimiento del backend es la base sobre la que se puede construir, incluso si optimizas WordPress, Shoptet, Drupal o un sitio web basado en otro sistema CMS.

Lee nuestro artículo más detallado sobre cómo los desarrolladores backend pueden ayudar con la velocidad.

Con actualizaciones regulares, no solo puedes acelerar la respuesta del servidor, sino también prevenir amenazas de seguridad y ataques a tu infraestructura.

Más información sobre las opciones para acelerar el tiempo de respuesta del servidor se puede encontrar, por ejemplo, en developers.google.com.