Cómo reducir el TTFB para mejorar los tiempos de carga de la página de WordPress

Cuando se trata de la velocidad general de su sitio de WordPress, muchas veces nos enfocamos en el rendimiento del front-end y las optimizaciones para mejorar la  velocidad de carga de la página . Sin embargo, a veces es bueno mirarlo desde el lado del servidor, donde su sitio web originalmente comienza a cargarse. Hoy vamos a analizar cómo  TTFB (tiempo hasta el primer byte) lo afecta y analizar algunas formas sencillas de cómo reducirlo. TTFB es comúnmente un factor de rendimiento pasado por alto, pero debe tenerse en cuenta al probar la velocidad de su sitio.

  • ¿Qué es TTFB?
  • Es TTFB importante?
  • Cómo medir su TTFB
  • 4 maneras de reducir TTFB en su sitio de WordPress

¿Qué es TTFB?

TTFB significa tiempo hasta el primer byte . En pocas palabras, esta es una medida de cuánto tiempo debe esperar el navegador antes de recibir su primer byte de datos del servidor. Cuanto más tiempo lleve obtener esos datos, más tiempo tardará en mostrar su página. Una idea errónea común es que esto se calcula después de los tiempos de búsqueda DNS , sin embargo, el cálculo original de TTFBen la red siempre incluye latencia de red . Esto implica un proceso de 3 pasos y los retrasos y la latencia pueden ocurrir en cualquier punto intermedio, sumando su TTFB total.

esperando ttfb

Esperando TTFB

1. Solicitud al servidor

Cuando alguien visita su sitio web, lo primero que sucede es que se envía una solicitud HTTP desde el cliente (navegador) al servidor. En este paso, hay una variedad de factores que pueden introducir retrasos. Los tiempos de búsqueda de DNS lentos podrían contribuir a aumentar el tiempo de la solicitud. Si el servidor se encuentra geográficamente lejos, esto puede introducir latencia en la distancia que deben recorrer los datos. Además, si tiene reglas de firewall complejas, esto podría aumentar el tiempo de enrutamiento. Y no olvides la velocidad de internet del cliente.

2. Procesamiento del servidor

Una vez enviada la solicitud, el servidor ahora debe procesarla y generar una respuesta. Esto podría presentar una serie de demoras diferentes, como llamadas a bases de datos lentas , demasiados scripts de terceros, no almacenando en cachésu primera respuesta, código mal optimizado o WordPress, y recursos de servidor ineficientes como E / S de disco o memoria.

3. Respuesta al cliente

Una vez que el servidor procesa la solicitud, debe enviarla nuevamente al cliente (o enviar el primer byte). Esto se ve muy afectado por la velocidad de red del servidor y del cliente . Si el cliente tiene Internet lenta desde un punto de acceso Wi-Fi, se reflejará en el TTFB.

Es TTFB importante?

Es importante comprender que TTFB (tiempo hasta el primer byte) no es lo mismo que la velocidad del sitio web. Esta es realmente una medida de la capacidad de respuesta. Hay muchas discusiones en la web sobre si el TTFB es importante o no. Algunos dicen que no tiene sentido ( Cloudflare , LittleBizzy ), y otros dicen que es importante ( Ilya Grigorik , Web Performance Engineer en Google). Ambas partes presentan algunos puntos válidos sobre por qué o por qué no es importante y también algunas preguntas sobre cómo se calcula realmente.

Moz incluso hizo un estudio en profundidad sobre la correlación entre los rankings de búsqueda y el tiempo hasta el primer byte.  Sin embargo, es difícil saber si esta fue la causa o si los sitios con menor TTFB también fueron simplemente más rápidos en general, lo que a su vez podría verse afectado por el factor de clasificación de velocidad de página de Google.

¿Importa el TTFB? Contribuye a tu velocidad general, ¿qué piensas?HAGA CLIC PARA TWEET

Sin embargo, en lugar de perder el tiempo insistiendo si importa o no, preferimos centrarnos en las optimizaciones que puede hacer para mejorar esta métrica. Todo lo que haga puede contribuir a la velocidad general de su sitio de WordPress, y esto a su vez afectará su TTFB. En nuestros sitios de pruebas con TTFB mucho mayor, simplemente cargue y se sienta más lento.

En general, cualquier cosa por debajo de 100 ms es excelente y buena TTFB . Google PageSpeed ​​Insights recomienda menos de 200 ms para el tiempo de respuesta del servidor. Si se encuentra en el rango de 300-500 ms, esto es bastante estándar. Y si tiene más de 600 ms, es posible que tenga algo mal configurado en su servidor o tal vez sea el momento de actualizar a una mejor pila web. O siga nuestras recomendaciones a continuación sobre cómo reducir su TTFB. Y recuerde que la negociación SSL / TLS también puede ser un factor.

Cómo medir su TTFB

Hay una multitud de formas diferentes de probar tu TTFB. Exploraremos un par a continuación. Pero recuerde, cada herramienta dará resultados ligeramente diferentes, por lo que es importante usar una y mantenerla como referencia.

Mida TTFB con Google Chrome DevTools

Puede medir TTFB en Google Chrome iniciando DevTools . Recuerde, sin embargo, si está probando desde su computadora que el TTFB se ve afectado por la latencia de la red y su conexión a Internet. Por lo tanto, probablemente sea más efectivo usar una herramienta de terceros (como se verá más adelante) que está probando desde un centro de datos.

  • Seleccione Más herramientas> Herramientas del desarrollador en el menú de Chrome.
  • Haga clic derecho en un elemento de página y seleccione Inspeccionar
  • Utilice los atajos de teclado CtrlShiftI(Windows) o CmdOptI(Mac)

Puede iniciar la ventana de red y ver el rendimiento de su sitio.

google cromo devtools ttfb

Google Chrome devtools TTFB

Mida TTFB con WebPageTest

También puede medir su TTFB con WebPageTest . Según su glosario, el tiempo objetivo es el tiempo necesario para las negociaciones DNS, socket y SSL + 100 ms. Se deducirá una calificación de una sola letra por cada 100 ms más allá del objetivo. Como puede ver en nuestra prueba a continuación, este sitio medido en 0.256s o 256 ms TTFB.

webpagetest ttfb

Webpagetest Primer tiempo de bytes

Medir TTFB con Pingdom

Chrome y WebPageTest se refieren a él como TTFB. Sin embargo, si usa Pingdom,en realidad se lo denomina tiempo de espera. Asegúrese de consultar también nuestra guía detallada sobre cómo usar Pingdom .

tiempo de espera pingdom

Tiempo de espera en las herramientas de Pingdom

Mida TTFB con GTmetrix

En GTmetrix, al igual que con Pingdom, TTFB se conoce como tiempo de espera. Asegúrese de consultar también nuestra guía detallada sobre  cómo usar GTmetrix .

Medir TTFB en GTmetrix

Medir TTFB en GTmetrix

Mida TTFB con la herramienta de KeyCDN

KeyCDN tiene una gran  herramienta de prueba de rendimiento web  en la que puede medir su TTFB desde 14 ubicaciones diferentes al mismo tiempo. Como puede ver a continuación en nuestra prueba, el TTFB es bajo en los Estados Unidos y mucho más alto en el exterior. Esto se debe a que nuestro servidor se encuentra físicamente en los Estados Unidos. Esta es una prueba aquí que la latencia y la distancia juegan en TTFB.

prueba keycdn ttfb

Prueba KeyCDN TTFB

También hay algunas otras herramientas para medir TTFB, como la herramienta de rendimiento Sucuri y ByteCheck . ¿Sabías? Incluso Google Analytics tiene una sección para ver su tiempo promedio de respuesta. Simplemente haga clic en “Comportamiento> Velocidad del sitio> Descripción general”.

google analytics ttfb

Informe de Google Analytics para TTFB

4 maneras de reducir TTFB en su sitio de WordPress

Ahora profundicemos en cómo reducir el TTFB en su sitio de WordPress.

1. Utilizar un host de WordPress rápido

La primera forma de reducir el TTFB es asegurarse de que está utilizando un host rápido de WordPress. Comparamos el TTFB de un host compartido de terceros (ubicado en Phoenix, AZ) y el TTFB de Unlockers Cloud (ubicado en Council Bluffs, Iowa). Usamos exactamente la misma configuración con el tema predeterminado Twenty Seventeen ejecutándose. Recuerde que Unlockers Cloud ahora tiene disponibles las 13 ubicaciones de Google Cloud Platform , por lo que es importante colocar estratégicamente su sitio de WordPress más cerca de sus visitantes.

Host compartido TTFB

En toda la región, el TTFB promedio fue de 520 ms . En los Estados Unidos y Canadá, el TTFB promedio fue de 240 ms .

alojamiento compartido ttfb

Alojamiento compartido TTFB

Unlockers Cloud TTFB

En todas las regiones, el TTFB promedio fue de 412 ms . En los Estados Unidos y Canadá, el TTFB promedio fue 164 ms . Si aloja en Unlockers Cloud, también puede optar por alojar su sitio de WordPress en Europa o Asia. Consulte la lista de Ubicaciones de Google Cloud Data Center .

administrado wordpress host ttfb

Managed WordPress hosting TTFB

Así que simplemente usando un host más rápido vimos una disminución del 20% en TTFB a nivel mundial. Y una disminución del 32% en TTFB en los Estados Unidos y Canadá. Tener un buen host de WordPress con una arquitectura cuidadosamente pensada es crucial para reducir su TTFB. Esto también es un buen argumento para elegir cuidadosamente un lugar físicamente ubicado en una región donde estén sus clientes. Si la mayoría de sus clientes están en los Estados Unidos, no aloje su servidor en Europa (aunque un CDN puede ayudar a negar parte de eso).

2. Implementar un CDN

Otra manera fácil de disminuir TTFB es utilizar una red de entrega de contenido(CDN). Si tiene un sitio web que atiende a visitantes de diferentes partes del país o de todo el mundo, esto puede reducir drásticamente su TTFB. Como vimos anteriormente, la ubicación es muy importante. Realizamos una pequeña prueba para mostrar la diferencia con KeyCDN como nuestro proveedor de CDN. Cada prueba se ejecutó 5 veces y se tomó el promedio.

TTFB sin CDN

Primero realizamos una prueba con nuestro CDN desactivado y, como puede ver, nuestro tiempo total de carga fue de 1,45 sy nuestro TTFB promedio en un activo fue de alrededor de 136 ms.

ttfb antes de cdn

TTFB antes de agregar un CDN

TTFB con CDN

Luego habilitamos nuestro CDN y volvimos a ejecutar la prueba . Como puede ver, nuestros tiempos de carga total descendieron a 788 ms y nuestro TTFB promedio es ahora de 37 ms. Qué diferencia puede hacer un CDN. Otra cosa importante a tener en cuenta es que elegimos la ubicación de Estocolmo para realizar esta prueba. ¿Por qué? Porque queríamos mostrarle la mejora real que se puede obtener disminuyendo la distancia física. Hay un CDN POP ubicado en Estocolmo, por lo que nuestro contenido se sirve desde Estocolmo.

ttfb después de cdn

TTFB después de agregar un CDN

Nota: Si está utilizando Cloudflare, es posible que tenga un TTFB ligeramente más alto . Esto es muy probablemente debido a la sobrecarga adicional y la complejidad de tener el servicio completamente proxy ejecutándose. Recuerde que Cloudflare tiene cortafuegos adicionales y otras características que algunos proveedores de CDN no tienen. Por lo tanto, necesitaría tomar su propia decisión que podría beneficiarlo más. Si su sitio completo no está optimizado adecuadamente, vale la pena perder el golpe en el TTFB ligeramente más alto.

Sin embargo, es posible que también desee consultar la guía de WP Bullet sobre el uso del almacenamiento  en caché de la página Cloudflare para disminuir el TTFB. Esto podría requerir una configuración y pruebas adicionales. Asegúrese de ejecutar sus propias pruebas ya que cada entorno es diferente.

3. Almacenamiento en caché de WordPress

Una tercera forma, y ​​probablemente una de las formas más fáciles de disminuir su TTFB es utilizar el almacenamiento en caché en su sitio de WordPress. Muchos solo piensan que el almacenamiento en caché puede ayudar a disminuir los tiempos de carga, pero de hecho, también ayuda a disminuir el TTFB, ya que ayuda a reducir el tiempo de procesamiento del servidor. Realizamos algunas pruebas nuevamente con y sin almacenamiento en caché. Cada prueba se ejecutó 5 veces y se tomó el promedio.

Sin caché ejecutándose

Ejecutamos el sitio a través de Pingdom , y sin la caché en ejecución, nuestro sitio obtuvo un tiempo de carga de 1.17 sy un TTFB de 560 ms.

ttfb no almacenado en caché

TTFB no almacenado en caché

Con el almacenamiento en caché habilitado

Luego habilitamos el almacenamiento en caché y volvimos a ejecutar el sitio a través de Pingdom  . Esta vez, nuestro sitio obtuvo un tiempo de carga de 643 ms y un TTFB de 57 ms.

wordpress caching ttfb

TTFB con caché de WordPress habilitado

Así que al habilitar el almacenamiento en caché, ¡pudimos reducir nuestro TTFB en un increíble 90%! Puede leer más sobre el almacenamiento en caché de Unlockers Cloud . Hacemos esto a nivel de servidor, lo que significa que no se requieren complementos de almacenamiento en caché. Si no está utilizando un host gestionado de WordPress, le recomendamos utilizar un complemento de caché gratuito como el Habilitador de caché .

4. Utilice un Proveedor de DNS Premium

Y por último pero no menos importante, DNS también juega un papel en TTFB. Es difícil calcular exactamente cuánto se ve afectado, pero aún se pueden ver los tiempos generales de búsqueda de DNS y ver que hay proveedores más rápidos y más lentos. Realizamos un par de pruebas con la herramienta de prueba de velocidad SolveDNS . Aquí hay un ejemplo de un dominio que usa el DNS gratuito de NameCheap y los tiempos de respuesta.

DNS de NameCheap gratis

velocidad de dns libre

Velocidad DNS libre

A continuación, se incluye un ejemplo con el DNS premium de Amazon Route 53. Como puede ver en general, los tiempos de búsqueda de DNS son mucho más rápidos con Amazon. Generalmente, los proveedores de DNS premium tendrán mejores velocidades. Cloudflare es gratuito y tiene un gran rendimiento.

DNS de la ruta de Amazon 53

amans premium dns

Velocidad de DNS premium de Amazon

Asegúrese de revisar nuestra publicación sobre por qué debería estar utilizando un proveedor de DNS premium .

Resumen

Hay muchas otras cosas que puede optimizar o corregir para reducir TTFB, como almacenamiento en caché de bases de datos, disco IO, uso de intercambio, RAM, configuración de PHP, configuración de MySQL, configuración de red, sobrecarga TLS, etc. Pero las mencionadas anteriormente son bastante sencillas para implementar y le dará el impulso de rendimiento más rápido. Así que la próxima vez que alguien le pregunte cómo reducir su TTFB, recuerde que un host rápido de WordPress, CDN, almacenamiento en caché y DNS juegan un papel importante. Reparar o mejorar esos cuellos de botella hará el truco.

¿Cuál ha sido tu experiencia con TTFB? Nos encantaría escuchar sobre esto a continuación.