En este artículo, Damien Jubeau  (fundador y director ejecutivo deDareboost) aborda las diversas trampas que hay que evitar paramedir y optimizar eficazmente la velocidad de sus páginas web. También descubrirá 4 indicadores de rendimiento que debe recordar (TTFB, Start Render, Visually Complete y Speed Index) con valiosos consejos para interpretarlos correctamente

“Solo se puede mejorar lo que se mide”. Una máxima que es necesario aplicar si desea acelerar la carga de sus páginas web.

¡En primer lugar, hay que saber lo que se mide!

Comencemos esta presentación de los principales indicadores en materia de velocidad examinando el famoso “loadtime” o tiempo de carga. Esta noción debe considerarse con mucha prudencia.

De hecho, todo el mundo no habla de lo mismo cuando se refiere al tiempo de carga. En muchos (demasiados) casos, en realidad, le hablarán del tiempo de respuesta de su servidor o de otras mediciones parciales. Procure verificar la información que le proporciona la herramienta de medición que utiliza en su metodología y lo que mide exactamente.

  • En Alexa se aprende, por ejemplo, que la carga de imágenes y otras hojas de estilo no se tiene en cuenta en la información que el sitio envía sobre la velocidad : “The load time of an individual page is how long it takes for the DOM -_ the structure of the page – to be loaded. This time doesn’t include the time to load all images and stylesheets, for example.”
  • En Dareboost, el indicador “tiempo de carga” corresponde al tiempo de carga completo de la página y, para ello, la herramienta espera que el tráfico de red relacionado con la carga de la página quede interrumpido. Esto, evidentemente, incluye la carga de los CSS, los Javascripts, etc,. así como de todas las dependencias asociadas, como es el caso de sus visitantes.

Con respecto a las herramientas que no proporcionan información sobre las condiciones de los tests ni sobre la naturaleza de los indicadores medidos, solo podemos decirle que cuestione la información suministrada.

Otra reserva sobre el tiempo de carga: en la actualidad, resulta poco apropiado para conocer el rendimiento real de sus páginas, sobre todo en el ámbito de la experiencia de usuario (UX). En efecto, una página web tipo incluye más de un centenar de recursos diferentes. Y cada vez cuenta con más comportamientos asincrónicos y cargas progresivas. De hecho, la medición del tiempo necesario para cargar todos los contenidos de una página cada vez proporciona menos pistas sobre lo que le sucede al usuario.  

Start Render, Visually Complete y Speed Index para el UX

Así pues, ¿en qué otros indicadores podemos centrarnos? Para tener una visión lo más fiel posible de la experiencia de usuario, le recomendamos que preste atención a los 3 indicadores siguientes, procedentes del análisis de vídeo de la carga de la página web:

  • Start Render : este indicador mide el tiempo que pasa hasta que empieza a mostrarse su página. Antes de eso, el usuario se enfrenta a una página en blanco. De hecho, cuanto menor sea este tiempo, menos se arriesgan sus usuarios a quedar frustrados y sujetos al rebote a otros sitios web. Cabe destacar que el inicio de la visualización no significa que los elementos que se muestran sean adecuados ni útiles: ¡algo que empieza a mostrarse puede ser tanto un simple trozo de texto como la casi totalidad de su página!
  • Visually Complete: es el tiempo necesario para la visualización completa de la zona situada encima de la línea de flotación (parte visible en la pantalla sin realizar un deslizamiento vertical). ¡Una manera de centrarse en lo que el visitante necesita inmediatamente1
  • Speed Index: este índice de rendimiento, por su parte, refleja la velocidad de visualización de la parte visible de la página web testada (encima de la línea de flotación). De este modo, tiene en cuenta la progresividad de la visualización de los diferentes componentes de la página. Por ello, Speed Index es actualmente el indicador más significativo de la experiencia usuario. Referencia: una página en la que todos los elementos por encima de la línea de flotación se muestran en 1 segundo obtendrá un Speed Index inferior a 1,000. Un punto de referencia que, por otra parte, corresponde a la recomendación de Google al respecto.

TTFB: la base de su rendimiento

 

Como complemento a estos indicadores UX, y para seguir esta vez sus prestaciones técnicas en la primera etapa de la carga de su página, le aconsejamos que se centre en TTFB. Este Time To First Byte mide el tiempo entre la consulta y la respuesta HTTP, es decir, el tiempo necesario para que el navegador de sus visitantes reciba el inicio del código HTML de su página de parte de su aplicación web o CMS. De hecho, este indicador le informará sobre las prestaciones de sus scripts (el tiempo que tardará el CMS en generar la página solicitada, por ejemplo) y del alojamiento. Sin embargo, para conocer el verdadero tiempo de procesamiento en su servidor, será conveniente retirar la latencia de red del TTFB; es decir, el tiempo que emplean los datos en transitar entre el servidor y el navegador web de los visitantes.

Más allá de la indicación sobre las prestaciones técnicas de su alojamiento y su aplicación backend, es importante observar el TTFB por su impacto potencial en el posicionamiento de su sitio. Y más aún si este cuenta con muchas páginas: cuanto más elevado sea el TTFB, menos podrán los robots de Google visitar páginas en el tiempo estimado que el motor de búsqueda haya concedido para el crawl.

Aunque el TTFB es importante, conviene relativizarlo: un excelente tiempo de respuesta no tiene por qué garantizar en absoluto la rapidez de su sitio. Steve Souders, uno de los gurús del rendimiento web, lo ha convertido en una regla de oro: el 90 % de la espera percibida por el internauta se encuentra en las etapas posteriores, durante los tratamientos frontend. De ahí la importancia de seguir en paralelo al TTFB, así como a los indicadores más orientados a UX como los citados anteriormente

Medir la velocidad: ¡atención al contexto!

Ahora que tiene una idea más clara sobre los indicadores que hay que seleccionar para controlar las prestaciones de su sitio web, deberá determinar con precisión la forma de realizar estas mediciones. ¡Cualquier negligencia en este punto puede producir desviaciones importantes en sus resultados y en los análisis que extraiga!

  • En primer lugar, preste una atención especial a la metodología empleada por la herramienta de medición que utiliza. Como se ha indicado un poco más arriba en este artículo, ¡no todos los servicios disponibles en la Web miden los mismos indicadores ni de la misma manera! En la medida de lo posible, busque unas herramientas que muestren claramente su metodología y que le permitan realizar tests en las condiciones más parecidas a las condiciones reales de sus visitantes. Ejemplo: los tests de rendimiento web Dareboost se realizan con auténticos navegadores para el gran público (Google Chrome) y no con simples robots.
  • No todos sus visitantes disfrutan de las mismas condiciones de acceso a la Web, ni mucho menos. Consultas desde un móvil o un ordenador, desde Francia o el extranjero, mediante una conexión de fibra, ADSL con una velocidad más o menos elevada o 3G: condiciones de visitas tan diferentes tienen un impacto muy grande en la velocidad de carga de páginas para sus visitantes. En consecuencia, es fundamental poder evaluar las prestaciones de sus páginas en diferentes condiciones. Y sobre todo las de sus objetivos estratégicos. Compruebe que su herramienta le permita modificar estos parámetros de test para acercarse lo más posible a las condiciones de acceso de sus visitantes.
  • Por último, ¡tenga presente que las prestaciones de sus páginas no son inmutables! La velocidad de su sitio evoluciona constantemente con las publicaciones de contenidos, las nuevas funcionalidades, las actualizaciones y otras remodelaciones. Por eso, usted tiene que aplicar una estrategia de seguimiento adaptada a su caso, con el fin de controlar la evolución de sus prestaciones y detectar posibles regresiones. En resumen, pasar de la medición puntual de la velocidad de su página a lamonitorización de sus prestaciones web, con una frecuencia adaptada a los retos de su negocio.

Conclusión

Para medir bien la velocidad de carga de sus páginas web:

  • realice sus mediciones en contextos realistas, estables y representativos de su audiencia
  • seleccione unos indicadores adaptados. Piense en la experiencia de usuario, no solo en el rendimiento técnico: no se limite a un solo indicador.
  • su sitio evoluciona, su velocidad también: vigile de cerca este tema, y esté a la altura de los retos de su sitio.

Descubrir Dareboost, el servicio en línea especializado en el test de rendimiento y elanálisis de sitios web

Más información