Índice de velocidad (Lighthouse)

¿Crear un sitio web rápido? Entre otras cosas, un Índice de Velocidad bajo es muy importante en este caso. ¿Qué es un índice de velocidad y por qué desempeña un papel importante en su sitio web? Puede leerlo aquí.

¿Qué es el Índice de Velocidad?

El índice de velocidad es una herramienta de medición de un sitio web. Determina el tiempo de carga de las partes visibles de la página. Lighthouse, la herramienta de código abierto de Google, proporciona esta y otras métricas para medir y mejorar el rendimiento de un sitio web.(1)(2)

La importancia de un Índice de Velocidad bajo

La métrica del Índice de Velocidad es una de las 6 formas de medir el rendimiento de un sitio web. El índice de velocidad mide el tiempo que tardan en cargarse las partes visibles de una página. Lighthouse permite conocer el índice de velocidad de una página: calcula la progresión visual entre varios fotogramas. Para el índice de velocidad, cuanto más corto sea el tiempo, mejor.

El índice de velocidad es una de las métricas que más peso tienen, junto con el tiempo de interactividad (TTI) y la primera pintura de contenido (FCP). Entre otras cosas, Javascript es una posible razón de que el tiempo de carga de las partes visibles de una página sea elevado. Cargar archivos JavaScript innecesarios lleva tiempo extra.

El impacto del índice de velocidad en SEO

El índice de velocidad tiene sin duda un impacto en el SEO de un sitio o página web. La velocidad es un factor importante en SEO y con la mejora del Índice de Velocidad, junto con el TTI y el FCP es posible optimizar el sitio web. Una forma de hacerlo es con Lighthouse, la herramienta de código abierto que ofrece estas métricas. Esto le dará una visión y oportunidades para hacer ciertos cambios.

Mi consejo

Recomendamos utilizar Lighthouse para obtener información sobre el índice de velocidad y otras cuestiones importantes que afectan a la clasificación en los resultados de búsqueda. Entre otras cosas, cuando se utiliza Magento 2, Lighthouse es definitivamente recomendable. Un desarrollador conoce buenas soluciones para mejorar las puntuaciones, por ejemplo retocando JavaScript.

El libro más completo sobre la velocidad de los sitios web

He escrito tanto sobre la aceleración de sitios web y todo lo que implica, que me gusta dividirlo en diferentes secciones; general, herramientas, puntos de mejora de la velocidad y consejos. No dude en ver y consultar todos los enlaces que aparecen a continuación para obtener más información sobre herramientas y consejos para acelerar su sitio web.

General

• ¿Cuál es la velocidad del sitio web?
• Velocidad del sitio web: la división entre marketing y desarrollo
• La influencia del SEO en la UX
• La influencia del diseño web en el SEO
• SPA y SEO
• ¿Qué son las Google Core Web Vitals?

Herramientas

• Autoptimize
• Pagespeed.Compare
• W3 Total Cache
• Herramientas Pingdom
• Google Pagespeed Insights
• GTMetrix

Mejoras en la velocidad

• First Contentful Paint (FCP)
• Tiempo hasta el primer byte (TTFB)
• Tiempo para interactuar (TTI)
• Imagen de la vista más grande con contenido (LCP) precargado
• Activar la compresión de texto
• Reducir el CSS
• Tiempo total de bloqueo (TBT)
• Reducir JavaScript
• El mayor contenido de pintura
• Evitar el exceso de DOM
• Borrar CSS no utilizado
• Eliminar JavaScript no utilizado
• Imágenes en diseños modernos
• Conéctese con antelación a los orígenes necesarios
• Evite que JavaScript obsoleto llegue a los navegadores modernos
• Utilizar una política de caché eficaz para los elementos estáticos
• Eliminar módulos duplicados de JavaScript
• Evitar redireccionamientos múltiples
• Codificar imágenes con eficacia
• Utilizar la carga lenta
• Cargar las solicitudes importantes con antelación

Consejos generales

• Consejos para cargar rápidamente un vídeo
• Usar Edge SEO para un sitio web más rápido
• Instalación de una red de distribución de contenidos para SEO
• Optimización de imágenes para SEO
• El impacto del alojamiento en el SEO