Tiempo hasta el primer byte (TTFB): qué es y cómo optimizar su sitio web para ello

Qué hora es para el primer byte (TTFB)

TTFB mide la capacidad de respuesta de su servidor a la solicitud del navegador de un visitante. En otras palabras, es la cantidad de tiempo que transcurre desde que un usuario llega a una página web hasta que el servidor lo reconoce.

Esto es importante porque cuanto más tarde el navegador en recibir el primer byte de datos del servidor, más tardará la página en cargarse. Y debido a que TTFB es la interacción inicial, un tiempo prolongado hasta el primer byte significa que el resto de la página ni siquiera puede comenzar a cargarse. Porque el servidor aún no ha respondido.

Por lo tanto, TTFB juega un papel fundamental en la experiencia del usuario (UX) de su sitio web , así como en su optimización de motores de búsqueda (SEO) . También es uno de los Web Vitals (junto con FCP , LCP y CLS) que Google considera para determinar la experiencia de carga de la página de su sitio y, a su vez, su clasificación.

TTFB es similar a First Contentful Paint (FCP) , que también se usa para medir la experiencia de carga y el tiempo de espera del usuario. Sin embargo, el FCB mide cuánto tiempo pasa hasta que el visitante puede ver aparecer el primer elemento en la página. TTFB es cualquier información, visible o no.

El TTFB de un sitio web se compone de tres procesos principales:

1. Se envía una solicitud HTTP desde el navegador del visitante al servidor.
2. El servidor procesa la solicitud y prepara su respuesta.
3. El servidor envía una respuesta al navegador.

Cuanto más rápido sea este proceso, más rápidos y receptivos serán los tiempos de carga. Sin embargo, un puñado de factores y problemas pueden retrasarlo y ralentizarlo en cada paso. Por lo tanto, para optimizar la velocidad y el rendimiento de su sitio, es probable que desee concentrarse en reducir el TTFB.

Cómo medir TTFB

Hay varias formas diferentes de medir su TTFB, incluido el uso de herramientas de laboratorio y de campo. Es decir, tanto resultados simulados (laboratorio) como pruebas con datos de usuarios reales (campo). Sin embargo, antes de eso, es útil saber primero qué es una buena puntuación.

Por lo general, un TTFB favorable se encuentra entre 200 milisegundos (ms) y 500 ms (0,2 y 0,5 segundos). Por supuesto, cuanto menor sea el número, mejor. Cualquier cosa por encima de 600 ms se considera una puntuación baja. Dado que Google ha introducido la velocidad de la página como una consideración de clasificación, muchos sitios web disparan por debajo de los 100 ms de tiempo. Sin embargo, en la mayoría de los casos, cualquier cosa por debajo de 200 ms todavía se considera «buena».

Hay varias herramientas que puede usar para medir TTFB. Veamos algunas de las mejores opciones.

Prueba de página web

WebPageTest es una herramienta en línea que le permite probar rápida y fácilmente la velocidad de su página. Sin embargo, también puede usarlo para acceder a un informe detallado que incluye métricas clave, incluido TTFB.

Para usarlo, simplemente puede ingresar su URL en el campo de texto y luego hacer clic en el botón Iniciar prueba :

En la página de resultados, puede ver mucha información sobre su sitio. En la parte superior, puedes encontrar una puntuación general para tu TTFB. En la siguiente sección, puede encontrar el tiempo en milisegundos en la columna Primer byte :

Según WebPageTest, el objetivo es el tiempo necesario para las negociaciones del servidor de nombres de dominio (DNS) , el socket y la capa de sockets seguros (SSL) , más 100 ms. Por cada 100 ms adicionales que tarda el TTFB, la herramienta en línea reduce la calificación de su sitio una letra.

GTmetrix

GTmetrix es otra herramienta en línea gratuita que puede usar para medir TTFB. Puede ingresar la URL de su sitio web en el campo de texto y luego hacer clic en el botón Probar su sitio :

Una vez que la herramienta termine de analizar su URL, presentará el informe de rendimiento que incluye una calificación general, así como sus Web Vitals:

Más abajo en la página, puede hacer clic en la pestaña Rendimiento :

En la sección de tiempos del navegador , puede encontrar el TTFB.

Estos son solo dos ejemplos de herramientas de prueba en línea que puede usar. Otras opciones populares incluyen Bytecheck , Pingdom y KeyCDN . Cada uno funciona de manera similar a estas dos opciones. Pegar la URL, ejecutar la prueba en tiempo real y luego analizar el informe de resultados.

Herramientas para desarrolladores de Google Chrome

Otra forma de medir TTFB es Chrome DevTools . Si es usuario de Chrome, puede usar este método para medir TTFB directamente dentro de su navegador sin usar una herramienta de terceros. Donde muchas de las pruebas de velocidad que mencionamos anteriormente usan varias ubicaciones de servidor entre las que puede elegir, de esta manera, es directamente de usted.

Por eso, tenga en cuenta que las condiciones específicas de su red y la latencia de la red pueden influir en el TTFB. Por lo tanto, el resultado que ve al usar este método puede no ser el mismo que experimentan los visitantes de su sitio.

Para comenzar, visite su sitio de WordPress en su navegador y luego navegue hasta los tres puntos verticales en la esquina derecha de su pantalla. A continuación, vaya a Más herramientas > Herramientas para desarrolladores. Esto abrirá la consola de DevTools.

Desde allí, haga clic en cualquier elemento de la página y luego seleccione la pestaña Red seguida de la columna Cascada :

Dentro de la lista, seleccione el elemento que desea inspeccionar. Debajo del panel, puede encontrar Esperando (TTFB).

Cómo reducir TTFB en su sitio de WordPress (4 consejos clave)

Ahora que comprende más sobre qué es TTFB y cómo medirlo, es hora de ver qué puede hacer para mejorarlo. A continuación hay cuatro consejos clave que puede usar para reducir el TTFB en su sitio de WordPress.

1. Actualice su alojamiento de WordPress

Quizás el factor más influyente en TTFB es el proveedor de alojamiento de su sitio. Puede optimizar su sitio de todas las formas posibles, pero si su host no puede mantenerse al día, no importará. El tipo de alojamiento que utiliza influye en la velocidad y el rendimiento de su sitio. Por ejemplo, si usa alojamiento compartido, es probable que tenga acceso a recursos limitados. Y está en deuda con otros usuarios en el ancho de banda y el uso de procesamiento de su clúster de servidores.

Por lo tanto, si sufre de tiempos de carga lentos y desea reducir su TTFB, es posible que desee considerar actualizar a un nuevo proveedor de alojamiento o un plan de mayor rendimiento. Si tiene un host compartido, la actualización de su plan a un nivel superior a menudo viene con un servicio prioritario y servidores más rápidos.

Además, el alojamiento administrado para sitios de WordPress es un gran beneficio para TTFB. Estos servicios están diseñados y optimizados específicamente para los sitios web de WordPress, y eso significa un tiempo de respuesta rápido tanto para el usuario como para la administración.

El alojamiento de WordPress bien administrado puede generar un costo más alto que el alojamiento económico, pero simplemente no hay mejor manera de obtener un TTFB más bajo (y la velocidad general de la página) que un alojamiento excelente.

También recomendamos buscar un proveedor de alojamiento web que ofrezca servicios de DNS premium . Los tiempos de búsqueda de DNS pueden contribuir a un TTFB lento. Aprovechar las herramientas DNS premium puede ayudar a reducir la latencia de la red y, a su vez, mejorar los tiempos de carga.

2. Use una red de entrega de contenido (CDN)

Una de las formas más efectivas de mejorar la velocidad del sitio y reducir el TTFB es implementar un CDN . En caso de que no esté familiarizado con el concepto, esta es una red de servidores distribuidos ubicados en todo el mundo. Esto significa que sus visitantes pueden cargar su sitio desde la ubicación del centro de datos más cercano a ellos, minimizando el tiempo que lleva.

Hay muchos servicios diferentes de CDN para WordPress entre los que puede elegir. Algunas de las opciones más populares incluyen Google Cloud CDN , KeyCDN y Cloudflare . De hecho, algunos hosts (como SiteGround ) ofrecen una versión gratuita de Cloudflare CDN con muchos de sus planes.

El uso de un CDN en su sitio de WordPress puede ayudarlo a reducir significativamente la latencia de la red. Más allá de los propósitos de rendimiento, una CDN también puede ayudar a fortalecer la seguridad de su sitio al prevenir amenazas como los ataques de denegación de servicio distribuido (DDoS) .

3. Elimine los complementos o temas innecesarios (y mantenga los existentes actualizados)

Los complementos y los temas pueden ocupar mucho espacio e incluso ralentizar su sitio, especialmente cuando están desactualizados. Además, las extensiones antiguas pueden presentar vulnerabilidades de seguridad y ejercer una presión innecesaria sobre su servidor y los tiempos de carga. Es posible que no estén optimizados tan bien como deberían, lo que retrasa su TTFB debido a su código. Asegúrese de que sus complementos estén actualizados y sean necesarios. Reducir la cantidad de complementos que tiene definitivamente mejorará su TTFB si están atascando el servidor de su sitio.

Es fácil eliminar cualquier complemento o tema en su sitio de WordPress que ya no esté usando. Del mismo modo, también es importante asegurarse de que los que tiene instalados en su sitio se mantengan actualizados. Si su código no está optimizado tan bien como debería (especialmente con las actualizaciones de WP, etc.), TTFB puede verse afectado.

Desde su panel de administración de WordPress, puede encontrar las actualizaciones de complementos disponibles navegando a Complementos y luego haciendo clic en el enlace Actualizar disponible :

Tenga en cuenta que los desarrolladores de complementos y temas publican regularmente mejoras de rendimiento y correcciones de errores para sus herramientas. Mantenerse al tanto de las últimas versiones y eliminar cualquiera que ya no tenga un propósito puede ayudarlo a minimizar la sobrecarga del servidor.

4. Implemente el almacenamiento en caché en su sitio web

Una de las formas más poderosas de reducir la carga del servidor es aprovechar el almacenamiento en caché. El almacenamiento en caché es una técnica utilizada para ayudar a minimizar el tiempo de procesamiento del servidor y entregar contenido más rápidamente. Por lo tanto, también es una estrategia útil que puede ayudar a reducir el TTFB.

Hay una variedad de complementos de caché de WordPress que puede instalar en su sitio web. Algunas de las opciones más populares incluyen WP Rocket y W3 Total Cache .

W3 Total Cache es una herramienta de optimización del rendimiento que puede ayudarlo a aumentar la velocidad y el SEO de su sitio. También puede ayudar con la integración de CDN. Entonces, en este sentido, puede ayudar con TTFB de múltiples maneras. Una vez instalado, puede acceder a la configuración navegando a Rendimiento .

Este complemento es de uso gratuito. Sin embargo, si está buscando opciones de configuración más avanzadas, hay una licencia profesional disponible por $ 99 por año.

Tiempo hasta el primer byte (TTFB) Preguntas frecuentes

A estas alturas, es de esperar que tenga una comprensión sólida de la importancia de TTFB, cómo medirlo y cómo reducirlo. Ahora, echemos un vistazo a algunas de las preguntas más frecuentes sobre esta métrica.

¿Cómo encaja TTFB en el rendimiento general de mi sitio?

TTFB se refiere al tiempo entre el momento en que un visitante llega a su sitio y cuando su navegador recibe el primer byte de datos de su servidor. En otras palabras, mide la capacidad de respuesta de su servidor al usuario. Eso significa que sin un TTFB aceptable (léase: bajo), el resto de su sitio web se carga lentamente.

Incluso si el contenido de su sitio web se carga por completo en menos de 1 segundo, si el TTFB es de 4 segundos (4000 ms), entonces el tiempo total de carga es de ~5 segundos.

Como tal, TTFB juega un papel crucial en su UX y SEO. Google considera TTFB como un punto de datos clave al considerar cómo clasificar su sitio web. Cualquier optimización que realice en TTFB tendrá un impacto directo en otras métricas de velocidad de página, como FCP y LCP .

¿Cuál es la mejor manera de reducir el TTFB?

No existe una solución única para reducir su TTFB. Dado que el objetivo principal es reducir los tiempos de respuesta del servidor, recomendamos usar una combinación de los métodos que discutimos anteriormente. En primer lugar, asegúrese de tener un proveedor de alojamiento confiable con un rendimiento excelente. Luego, implemente un CDN y un sistema de almacenamiento en caché en su sitio, mantenga sus complementos actualizados y elimine cualquier complemento innecesario que pueda estar retrasando que su sitio envíe una respuesta rápidamente.

TTFB no siempre se basa en tener un sitio liviano, pero tener un sitio liviano aún puede hacer que el primer byte se envíe rápidamente.

Conclusión

La capacidad de respuesta del servidor es importante si desea brindar una experiencia de calidad a los visitantes de su sitio web. Si su sitio tarda demasiado en responder, aumenta la posibilidad de que abandonen su sitio web. Incluso si su contenido se carga rápidamente, si tarda unos segundos en comenzar a cargarse, es posible que los usuarios estén saliendo. Para evitar que esto suceda, es crucial prestar atención a su TTFB y tomar medidas para mantenerlo lo más bajo posible.

¿Tiene alguna pregunta sobre cómo optimizar TTFB para su sitio de WordPress? ¡Háganos saber en la sección de comentarios!

Imagen destacada a través de BestForBest / Shutterstock