Page Speed Insights : Comprender el informe de WPO
Con la inminente actualización de la experiencia de página para junio de 2021 anunciada por Google en noviembre de 2020, la optimización del rendimiento web (WPO) es un tema que adquiere aún más importancia para el SEO.
La velocidad de carga de un sitio siempre ha sido un importante factor de clasificación.
Si los consultores SEO dedican una buena parte de sus auditorías técnicas a analizar el rendimiento de los sitios, es porque hay varios beneficios.
Los beneficios de una web rápida
Hay varias ventajas tanto para el usuario como para el SEO que pueden justificar la inversión en la optimización del rendimiento web y la mejora de su velocidad de carga. Entre ellas, podemos nombrar
- Mejor experiencia de usuario
- Disminución de la tasa de rebote
- Aumento de la tasa de conversión
- Aumento de la velocidad de rastreo (y por tanto del crawl budget)
- Aumento de la tasa de indexación
- Mejor posicionamiento orgánico final
Las mejores herramientas para medir la velocidad de carga de una web
Hoy en día existen muchas herramientas gratuitas para medir la velocidad de carga de un sitio. Las más famosas son :
Comprendiendo el reporte de Page Speed Insights
El informe Page Speed Insights es una herramienta de auditoría de velocidad y Core Web Vitals desarrollada por Google, y es una de las más utilizadas y controvertidas. Comenzaremos detallando las diferentes partes del informe.
1. El puntaje
En la parte superior del informe, se proporciona una puntuación que resume el rendimiento de la página. Esta puntuación se determina ejecutando Lighthouse para recoger y analizar los datos de laboratorio de la página.
Lo más importante es no obsesionarse con esta puntuación, sino utilizarla como indicador de progreso en el tiempo, como brújula para medir el impacto de cada acción implementada en la estrategia de WPO.
2. Los datos de campo: ¿Qué son?
Los datos del campo no siempre estarán disponibles en todos los informes.
Proceden del informe de experiencia del índice de Chrome y proporcionan métricas de la experiencia del usuario a nivel de URL conocidas por los rastreadores de Google. Se trata de promedios de datos recopilados durante los últimos 28 días sobre los visitantes de su sitio.
Estos datos son los más cercanos a la realidad y nos ayudarán a comprender cómo interactúan los usuarios con su sitio.
3. Los datos de laboratorio
Estos datos proceden de los servidores de Google y son un reflejo de cómo interactúa Google con tu sitio.
Page Speed Insights rastrea la página con Lighthouse, que simula cómo carga la página un dispositivo móvil o un ordenador. A continuación, se calculan las estadísticas de rendimiento de esa página («FCP» y «TTI», por ejemplo), incluidas las Web Core Vitals.
4. Oportunidades
Antes de examinar cada oportunidad en detalle, es mejor dar un paso atrás y tener una visión general de las cosas para avanzar más rápidamente.
De hecho, algunos aspectos pueden abordarse simultáneamente. Por ejemplo, su informe puede mostrar optimizaciones como «Entregar imágenes en formatos de próxima generación» y «Codificar imágenes de forma eficiente» por separado. Sin embargo, estos aspectos pueden corregirse al mismo tiempo.
La misma lógica se aplica a consejos como «Eliminar los recursos CSS no utilizados» y «Eliminar los recursos que bloquean la renderización». Es muy probable que los recursos CSS no utilizados estén bloqueando el renderizado.
En el caso de que uno tenga estas cuatro oportunidades, sería apropiado dar un paso atrás y trabajar en los aspectos generales: imágenes y CSS.
Las métricas del reporte de Page Speed Insights
En el informe Page Speed Insights se analizan varias métricas que nos permitirán conocer la salud de la velocidad de un sitio web.
- First contentful paint (FCP): El FCP representa el tiempo que transcurre entre el momento en que se solicita una página y el momento en que aparece el primer contenido en la pantalla del navegador.
- Time to Interactive (TTI): El TTI mide el tiempo que transcurre desde que una página comienza a cargarse hasta que la página está completamente renderizada y es capaz de responder a las interacciones del usuario.
- Total blocking time (TBT): El TBT mide el tiempo durante el cual una página no puede responder a las interacciones del usuario desde que comenzó a mostrar el contenido. Es el tiempo entre el FCP y el TBT.
- Speed Index: El speed index o índice de velocidad es la velocidad de visualización. Es una métrica clave para medir la experiencia del usuario. Informa del tiempo que transcurre hasta que se completa la visualización por encima de la ventana gráfica de una página.
¿Qué son las Core Web Vitals?
El informe Google Page Speed Insight se centra mucho en los Web Core Vitals. Aquí los describiremos de forma muy sencilla. Si necesitas explicaciones más detalladas, consulta este artículo.
- Largest Contentful Paint (LCP): Esta métrica representa el tiempo necesario para cargar el mayor contenido de la página en la parte visible de la pantalla, antes del primer desplazamiento del usuario. Debe ser inferior a 2,5 segundos para validar la prueba.
- First Input Delay (FID): El FID mide el tiempo de respuesta entre el momento en que el usuario interactúa por primera vez con la página y el momento en que la página responde a la petición. En otras palabras, si la página se carga, pero el usuario hace clic o se desplaza y no responde a su solicitud, el FID es lento. El FID debe ser inferior a 100 ms para superar la prueba.
- Cumulative Layout Shift (CLS): CLS mide la estabilidad del sitio. Por ejemplo, si quiere hacer clic en un enlace y hay un desplazamiento inesperado que le hace hacer clic en el enlace anterior, tendrá un impacto negativo en el CLS. Para un CLS optimizado en sus páginas, debería ser inferior a 0,1.
Conclusion
La velocidad de carga y el rendimiento de la web siempre han sido un factor de clasificación para los motores de búsqueda. Sin embargo, es importante tener en cuenta que se trata de un factor de clasificación secundario, y que siempre es prioritario resolver los fundamentos del SEO antes de centrarse en mejorar las Core Web Vitals o la velocidad de carga.
Todas estas métricas pueden ser trabajadas para validar las Web Core Vitals sin cambiar significativamente la forma en que su sitio funciona o se ve.
Tendremos que encontrar la causa de la ralentización de la carga o del cambio de elementos para poder realizar los ajustes correctos. No dudes en contactarnos para que le hagamos una auditoría de Web Core Vitals o la velocidad de carga de tu web.