El índice de velocidad (SI) es una métrica interesante cuando se trata de la velocidad de la página. Esta es absolutamente la métrica de rendimiento de su sitio, pero es completamente diferente de otras métricas centradas en el usuario, como el primer contenido renderizado y el mejor contenido renderizado. SI indica qué tan rápido carga su sitio web en la parte de la página visible en la pantalla. Es decir, cuando todo el contenido de la ventana del usuario es completamente visible. Mirando los tiempos de carga de su página, es probable que no sea penalizado o recompensado por un índice de velocidad. Esta no es una razón para ignorarlo. Como indicador único, es uno de los pocos que incluye muchas otras métricas y puede brindarle una imagen sólida de la velocidad, el rendimiento y el rendimiento general de su sitio.
Suscríbete a nuestro canal de YouTube
¿Qué es el índice de velocidad?
Lighthouse, la columna vertebral de Google para PageSpeed Insights, analiza múltiples métricas de rendimiento para evaluar su sitio. El índice de velocidad (SI) es uno de estos, y el informe mostrará el tiempo en segundos en lugar de milisegundos como es el caso de algunas de las otras métricas. Google define la IA como «la rapidez con la que se llena visiblemente el contenido de la página».
Bastante simple, ¿verdad?
El índice de velocidad no tiene en cuenta los scripts de back-end u otras cargas útiles sin pintar. Sin embargo, tienen una influencia en él. AI es simplemente una medida de cuánto tiempo les toma a los usuarios ver su contenido completo. Este es el pateador. Completamente. Mientras que otras métricas como LCP se miden cuando se muestra la mayor parte del contenido, el índice de velocidad tiene en cuenta todos y todo el contenido que se debe mostrar es.
No es una medida de la velocidad general de la página. Esto tiene en cuenta cuando el navegador está representando todos los elementos. Incluyendo scripts invisibles y elementos que afectan el rendimiento. Sin embargo, si quiere un buen indicador cuando su los usuarios perciben la página como completamente cargadaEl SI es un indicador a observar. Debido a lo orientada al usuario que está, la IA puede ser un buen indicador de la salud general de un sitio, así como un punto de referencia para la experiencia del usuario (UX) de su sitio.
Cómo medir el índice de velocidad
Al igual que con la mayoría de los indicadores de rendimiento de sitios web, una de las mejores herramientas para usar es la herramienta de Google. Estadísticas de PageSpeed. Esta herramienta es también uno de los resultados más detallados que devuelve. Es relativamente crítico incluso con los sitios web mejor compuestos. PageSpeed Insights es el más común datos de laboratorio para su sitio web, en función de los datos de los últimos 28 días de recopilación de datos. Sin embargo, si tiene suficientes visitantes que envían información a Google a través de Chrome, puede acceder al mundo real datos de campo del informe Sin embargo, no todos los sitios pueden obtener esto.
Como puede ver, la velocidad de muchos de estos indicadores es verde. Esto significa que son «buenos». Obviamente, aquí es donde desea que esté su sitio. Sin embargo, el índice de velocidad es de 4,0 segundos y es de color naranja. Pasa mucho tiempo antes de que el usuario espere para ver todo lo que está arriba de la pestaña.
¿Qué es una buena puntuación de índice de velocidad?
PageSpeed Insights utiliza los siguientes resultados para clasificar el índice de velocidad del sitio y la codificación de colores adecuada:
- Verde (Bueno) – 0 a 3.4 segundos
- Naranja (Moderado) – 3.4 a 5.8 segundos
- Rojo (lento) – más de 5,8 segundos
Como dijimos antes, PageSpeed Insights no muy crítico en sus mediciones. Si eres naranja o rojo, puedes usar una herramienta como GTmetrix o Pingdom prueba de velocidad para ver lo que 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
Hay una serie de pasos que puede seguir para optimizar su puntuación en el índice de velocidad. Si ha intentado optimizar su sitio para cualquier aumento de la velocidad de la página (o, técnicamente, una disminución), es probable que también haya tenido algún efecto en su puntaje de IA. Le mostraremos varias formas de orientar su tiempo de IA 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 que bloquean el renderizado
Más específicamente, reducir el tiempo de ejecución del código JavaScript es una de las mejores formas de aumentar su puntuación en el índice de velocidad. Los recursos de bloqueo de procesamiento son scripts y códigos que tienen prioridad sobre otras partes del sitio que se está cargando. En lugar de que un sitio cargue diferentes elementos a la vez, algunos elementos retienen a todos los demás hasta que finalizan.
Y eso reduce el índice de velocidad de su sitio. Para evitar esto, puede diferir la carga de cualquier cantidad de secuencias de comandos y bits de código hasta que los elementos visibles estén pintados como DOM. Identificar a los perpetradores es en realidad relativamente fácil ya que puede usar Herramientas de desarrollo de Chrome para ver en el sitio mientras se carga, y la herramienta indicará qué impide que los elementos se representen.
Además, los usuarios de WordPress pueden usar un complemento de almacenamiento en caché (o un complemento de optimización del sitio) como W3 Total Cache o WP Rocket para lidiar con esto. A menudo, estos complementos tienen un interruptor simple para diferir los recursos de bloqueo de procesamiento.
divide los usuarios también tienen una gran ventaja al 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, las funciones críticas de 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 que de otra manera. Si bien algunos son conmutadores, Divi enciende automáticamente otros. En la mayoría de los casos, la instalación de Divi debería ayudarlo a obtener el puntaje SI de inmediato.
Reduciendo el trabajo del hilo principal de tu web
Al igual que los recursos que bloquean el procesamiento, puede reducir el rendimiento de su sitio cargando varios elementos que consumen una gran cantidad de potencia informática del servidor. Reducirlos puede ayudar a que su sitio pase al navegador más rápido.
La solución más simple es: deja de usar tanto javascript. GTmetrix lo expresa mejor:
En términos generales, cuanto más código JavaScript tenga su página, más tardará el proceso de análisis/compilación; da como resultado una espera más larga para que se muestre el contenido y la interacción con su sitio web por parte de los usuarios.
Entendemos que esto puede no ser fácil. Has diseñado tu sitio para que funcione de cierta manera. Sin embargo, puede ser código no utilizado que puede extirpar y puede optimizar a todos JavaScript de terceros usted está cargando a su sitio web. Además, minimice su JavaScript.
Además de la auditoría de JS, asegúrese de acortar el CSS y el HTML. Esto aliviará aún más la carga del hilo principal. Los complementos de optimización y almacenamiento en caché a menudo también tienen estas opciones.
divide los usuarios, una vez más, tienen una ventaja aquí, ya que el tema minimiza y divide automáticamente CSS y JavaScript en fragmentos de tamaño pequeño para un rendimiento más rápido, eliminando la necesidad de centrarse en el hilo principal.
Preguntas frecuentes sobre el índice de velocidad
Speed Index es un concepto simple con consecuencias complejas. Queremos responder algunas preguntas frecuentes sobre IA para ayudarlo a optimizar su sitio lo mejor que pueda.
¿Cómo coincide el índice de velocidad con el rendimiento general de mi sitio?
Speed Index, como indicador único, es un muy buen indicador del rendimiento de su sitio web en muchas áreas diferentes. Dado que tiene en cuenta todo el contenido de la página visible en la pantalla, puede usarlo como un indicador no solo de la carga percibida por el usuario, sino también como una estimación aproximada de lo que está haciendo su sitio web en muchas áreas diferentes.
De hecho, no le brinda mucha información por sí solo sobre lo que está haciendo su sitio web. Se puede ver como una medida general que hace, como dice GTmetrix, «un punto de referencia general útil para juzgar el rendimiento de su sitio en su conjunto».
¿Debo centrarme específicamente en mi puntuación de Speed Index?
Probablemente no, no.
Si bien es muy útil comparar su sitio, centrándose en otros problemas más específicos como First Render Content (FCP), Greatest Content Render (LCP), Time To First Byte (TTFB) y First Entry Delay (FID). más importante. Puedes dar tantos pasos como quieras para mejorarlos individualmente, lo que a su vez mejorará tu Índice de Velocidad. Y cuando consideramos el punto de referencia general, puede ver qué tan bien se están desempeñando sus optimizaciones de IA.
Solicitud
La optimización de la velocidad del sitio web es una batalla interminable con la que luchan los propietarios de sitios web. Tienes que encontrar un equilibrio entre usabilidad, experiencia y rendimiento, y encontrar ese equilibrio puede ser difícil. Cuando las pruebas arrojan tantos resultados diferentes en tantos elementos diferentes, puede ser difícil saber dónde poner su energía y recursos. El índice de velocidad puede ayudar con esto, como un indicador único que muestra qué tan bien está funcionando su sitio a medida que personaliza otros elementos más específicos del rendimiento de su sitio.
¿Qué ha hecho para optimizar el índice de velocidad de su sitio a lo largo de los años?
Artículo con una imagen de HappyDrawing / shutterstock.com
