El índice de velocidad (SI) es una métrica interesante cuando se considera la velocidad de la página . Es absolutamente una indicación del rendimiento de su página, pero es completamente diferente de otras métricas centradas en el usuario, como First Contentful Paint y Largest Contentful Paint . SI indica qué tan rápido se carga su sitio en la parte superior de la página. O para decirlo de otra manera, cuando todo el contenido dentro de la ventana gráfica del usuario es completamente visible. Al mirar los tiempos de carga de su página, es probable que no sea penalizado o recompensado por su índice de velocidad. Esa no es razón para ignorarlo. Como métrica única, es una de las pocas que abarca muchas otras métricas y puede brindarle una idea sólida de la velocidad, la eficiencia y el rendimiento generales de su sitio.
Suscríbete a nuestro canal de Youtube
Lighthouse, la columna vertebral de Google para PageSpeed Insights, analiza múltiples métricas de rendimiento para calificar su sitio. Speed Index (SI) es uno de esos, y el informe mostrará el tiempo en segundos en lugar de milisegundos como con otras métricas. Google define SI como «la rapidez con la que se llenan visiblemente los contenidos de una página».
Bastante sencillo, ¿verdad?
Speed Index no tiene en cuenta los scripts de back-end u otras cargas no pintadas. Eso sí, lo afectan. SI es simplemente una medida de cuánto tiempo tardan los usuarios en ver su contenido completo. Ese es el pateador. en su totalidad Mientras que otras métricas, como LCP, se miden cuando se muestra la mayor parte del contenido, Speed Index representa todo el contenido que debería mostrarse.
Esta no es una medida de la velocidad general de la página. Eso tiene en cuenta cuando el navegador representa todos los elementos. Incluyendo scripts no visibles y elementos que afectan el rendimiento. Sin embargo, si desea un buen indicador de cuándo sus usuarios perciben que la página está completamente cargada , SI es la métrica a observar. Debido a que está centrado en el usuario, SI puede ser una buena indicación del estado general del sitio, así como una línea de base para la experiencia del usuario (UX) de su sitio .
Cómo medir el índice de velocidad
Al igual que con la mayoría de las métricas de rendimiento del sitio, una de las mejores herramientas para usar es PageSpeed Insights de Google . Esta herramienta también es una de las más particulares en los resultados que arroja. Es relativamente crítico incluso con los sitios mejor organizados. PageSpeed Insights suele brindar datos de laboratorio para su sitio, basados en un agregado de los últimos 28 días de recopilación. Sin embargo, si tiene suficientes visitantes que transmiten información a Google a través de Chrome, también puede obtener datos de campo del mundo real del informe. Sin embargo, no todos los sitios pueden obtener esto.
Como puede ver, la velocidad de muchas de estas métricas está en verde. Esto indica que son «buenos». Esto es obviamente donde quieres tu sitio. Sin embargo, el índice de velocidad es de 4,0 segundos y naranja. Eso es mucho tiempo para que el usuario espere para ver todo lo que se encuentra en la mitad superior de la página.
¿Qué es una buena puntuación de índice de velocidad?
PageSpeed Insights utiliza las siguientes puntuaciones para clasificar el índice de velocidad de su sitio y codificarlo con colores en consecuencia:
- Verde (Bueno) – 0 a 3.4 segundos
- Naranja (Moderado) – 3.4 a 5.8 segundos
- Rojo (lento): más de 5,8 segundos
Como decíamos antes, PageSpeed Insights es muy crítico en sus mediciones. Si está en naranja o rojo, es posible que desee utilizar una herramienta como GTmetrix o Pingdom’s Speed Test para ver qué muestran sus datos en tiempo real. Creemos que es mejor probar su sitio con varias herramientas en diferentes momentos para obtener la mejor imagen del rendimiento general.
Cómo optimizar su puntaje de índice de velocidad
Puede tomar una serie de pasos para optimizar su puntuación en el índice de velocidad. Si alguna vez ha intentado optimizar su sitio para cualquier tipo de aumento de la velocidad de la página (o, técnicamente, disminución), es probable que también haya afectado de alguna manera su puntaje SI. Le mostraremos algunas formas de orientar específicamente su tiempo SI para que su página se cargue lo más rápido posible para brindar a sus visitantes la mejor experiencia posible.
Reducir los recursos de bloqueo de procesamiento
Más específicamente, reducir el tiempo de ejecución de JavaScript es una de las mejores formas de aumentar la puntuación del índice de velocidad. Los recursos de bloqueo de procesamiento son scripts y códigos que evitan que otras partes de su sitio web se carguen al tener prioridad. En lugar de que el sitio cargue diferentes elementos al mismo tiempo, algunos elementos pausan a todos los demás hasta que finalizan.
Y eso reduce el índice de velocidad de su sitio. Para evitar esto, puede diferir cualquier cantidad de scripts y fragmentos de código que se carguen hasta que los elementos visibles se hayan pintado en el DOM. Identificar a los culpables es en realidad relativamente fácil, ya que puede usar Chrome Dev Tools para echar un vistazo a su sitio mientras se carga, y la herramienta indicará qué está deteniendo la representación de los elementos.
Además, los usuarios de WordPress pueden usar un complemento de almacenamiento en caché (o complementos de optimización del sitio ) como W3 Total Cache o WP Rocket para manejar esto. A menudo, estos complementos tienen un interruptor simple para diferir los recursos de bloqueo de procesamiento.
Los usuarios de Divi también tienen una gran ventaja para bloquear dichos recursos, ya que las opciones del tema le permiten alternar el aplazamiento de CSS que bloquea el renderizado, así como los scripts jQuery. Además de eso, las funciones Critical CSS del tema dividen grandes fragmentos de código que pueden retrasar el contenido de su sitio y hacer que se carguen mucho más rápido de lo que lo harían de otra manera. Si bien algunos de estos son conmutadores, Divi habilita automáticamente otros. La instalación de Divi debería ayudar a su puntaje SI inmediatamente en la mayoría de los casos.
Reducir el trabajo del subproceso principal de su sitio
Al igual que los recursos que bloquean el renderizado, puede obstaculizar el rendimiento de su sitio al cargar diferentes elementos que consumen mucha potencia de procesamiento de su servidor. Reducirlos puede ayudar a impulsar el sitio al navegador más rápidamente.
La solución más sencilla para esto es dejar de usar tanto JavaScript . GTmetrix lo expresa mejor:
En general, cuanto más JavaScript tenga su página, más largo será el proceso de análisis/compilación; lo que resulta en una espera más larga para que los usuarios vean el contenido e interactúen con su página.
Reconocemos que esto podría no ser fácil. Ha diseñado el sitio para que funcione de cierta manera. Sin embargo, es posible que haya código no utilizado que pueda suprimir y que pueda optimizar cualquier código JavaScript de terceros que esté cargando en su sitio. Además, minimice su JavaScript.
Además de la auditoría de JS, asegúrese de minimizar su CSS y HTML. Esto aliviará aún más la tensión del hilo principal. Los complementos de almacenamiento en caché y optimización a menudo también tienen estas opciones.
Los usuarios de Divi , una vez más, tienen una ventaja aquí, ya que el tema minimiza y divide automáticamente CSS y JavaScript en fragmentos del tamaño de un bocado para un rendimiento más rápido, eliminando la necesidad de enfocarse mucho en su hilo principal.
Índice de velocidad Preguntas frecuentes
Speed Index es un concepto simple que tiene ramificaciones complejas. Queremos responder algunas preguntas frecuentes sobre SI para ayudarlo a optimizar su sitio web lo mejor que pueda.
¿Cómo encaja Speed Index en el rendimiento general de mi sitio web?
El índice de velocidad, como métrica única, es una muy buena indicación del rendimiento de su sitio web en varias áreas diferentes. Debido a que tiene en cuenta el contenido completamente visible en la parte superior de la página, puede usarlo como un indicador no solo para la carga percibida por el usuario, sino también como una estimación aproximada de lo que está haciendo su sitio en varias áreas diferentes.
En realidad, no le brinda mucha información por sí solo en términos de lo que está haciendo su sitio web. Puede verse como una métrica general que, como dice GTmetrix, es «un punto de referencia general útil para evaluar el rendimiento de su sitio web en su totalidad».
¿Debo centrarme específicamente en mi puntaje de índice de velocidad?
Probablemente no, no.
Si bien es muy útil comparar su sitio, centrarse en otros problemas más granulares como First Contentful Paint ( FCP ), Largest Contentful Paint ( LCP ), Time to First Byte ( TTFB ) y First Input Delay ( FID ) son muchos más importante. Puede tomar cualquier cantidad de pasos para mejorarlos individualmente, lo que a su vez mejorará su índice de velocidad. Y cuando se toma como punto de referencia general, puede ver qué tan bien funcionan sus optimizaciones a través de SI.
Conclusión
La optimización de la velocidad de la página es una batalla interminable que luchan los propietarios de sitios web. Debe lograr el equilibrio entre usabilidad, experiencia y rendimiento, y encontrar ese equilibrio puede ser difícil. Cuando las pruebas arrojan tantos puntajes diferentes en tantos elementos diferentes, puede ser difícil saber dónde poner su energía y recursos. Speed Index puede ayudar con eso, como una métrica única que le muestra qué tan bien le está yendo a su sitio a medida que ajusta otras partes más específicas del rendimiento de su sitio.
¿Qué ha hecho para optimizar el índice de velocidad de su sitio web a lo largo de los años?
Imagen destacada del artículo por HappyDrawing / shutterstock.com