PageSpeed Insights: cómo leer el informe de tu web

Las dos mitades del informe

Arriba, lo que viven tus visitantes reales. Google recoge datos de la gente que visita tu web con Chrome durante los últimos 28 días. Es la parte que más importa, porque no es una simulación. Si tu web tiene pocas visitas, aquí pondrá que no hay datos suficientes. Es normal en un negocio pequeño y no es un error.

Abajo, una prueba de laboratorio. Google carga tu web en un móvil simulado, con una conexión lenta a propósito, y le pone nota de 0 a 100: verde de 90 a 100, naranja de 50 a 89, rojo por debajo de 50. Es útil para encontrar problemas, pero es una prueba, no la experiencia de tus clientes.

Si las dos mitades no coinciden, cree a la de arriba.

Las Core Web Vitals, sin jerga

Son las tres medidas que Google usa para decidir si una web da buena experiencia. Cada una responde a una pregunta sencilla:

• LCP (Largest Contentful Paint): ¿cuánto tarda en verse lo importante? Lo bueno es menos de 2,5 segundos. Suele ser la foto principal o el titular.
• INP (Interaction to Next Paint): ¿cuánto tarda en reaccionar cuando tocas algo? Lo bueno es menos de 200 milisegundos. Si pulsas un botón y no pasa nada, esto está en rojo.
• CLS (Cumulative Layout Shift): ¿se mueve la página mientras carga? Lo bueno es menos de 0,1. Es lo que pasa cuando vas a tocar un enlace y, de repente, baja todo porque ha cargado un anuncio o una imagen.

Si las tres están en verde en móvil, tu web está bien. Si una está en rojo, empieza por ahí.

Qué arreglar primero

En las webs de negocios pequeños que reviso, el problema casi siempre está en el mismo sitio, y en este orden:

• Imágenes demasiado pesadas. Una foto sacada del móvil puede pesar 4 MB; la misma foto preparada para la web, 150 KB. Es el arreglo más barato y el que más se nota.
• Cosas de más. El chat que nadie usa, el carrusel de la portada, tres píxeles de publicidad, un plugin para cada cosa. Cada uno añade código que el móvil tiene que descargar y ejecutar antes de que la web responda.
• Tipografías. Cuatro familias con seis grosores cada una se notan. Con una o dos basta.
• El servidor. Si la web tarda en empezar a cargar antes incluso de enseñar nada, el problema es el hosting o cómo está montada la web, no las fotos.

La lista de «Oportunidades» del informe te dice cuánto tiempo ahorraría cada arreglo. Empieza por el que más ahorra.

No persigas el 100

La nota cambia unos puntos cada vez que pasas la prueba, así que pásala dos o tres veces antes de sacar conclusiones. Y un 100 no vende por sí solo: lo que te hace perder clientes es una web que tarda cinco segundos en enseñar algo en el móvil. Pasar de rojo a verde importa; pasar de 92 a 100, poco.

Dicho eso, se puede. Esta web saca 99+ en las cuatro pruebas, en móvil y en ordenador: compruébalo tú mismo, y luego pásale la prueba a la tuya. Si quieres saber por qué la diferencia es tan grande, lo explico en WordPress o página web a medida.

Si tu web sale en rojo

Mándame la dirección. Le paso la prueba, te digo qué la está frenando y si merece la pena arreglarla o es más barato hacerla de nuevo. A veces son las fotos y se arregla en una tarde; te lo digo igual.

Jean Ayala — desarrollo web en Las Palmas de Gran Canaria. Webs rápidas para negocios de la isla.