Obres la web d'un proveïdor: el logotip surt al segon, però el bloc de serveis segueix en blanc dos segons més. No és només «lentitud»: és una càrrega visual desigual. El Speed Index (índex de velocitat) resume quant triga el contingut visible a omplir la pantalla durant la càrrega. El 2026 continua sent una mètrica de laboratori molt útil per webs d'empresa on importa la primera impressió abans que el visitant llegeixi un sol paràgraf.
Aquest article explica què mesura el Speed Index, quins llindars usar a Lighthouse, com es relaciona amb el FCP, l'LCP i el TBT, i quins canvis solen millorar la sensació de «la pàgina ja és aquí» sense sacrificar el disseny.
Què és el Speed Index i què mesura exactament
El Speed Index és una mètrica de laboratori (Lighthouse, WebPageTest). Calcula la velocitat mitjana amb la qual el contingut visible es pinta al viewport, usant captures del filmstrip de càrrega. Un valor baix indica que la pàgina es torna útil visualment aviat; un valor alt suggereix pantalles buides, placeholders eterns o salts de contingut tardans.
- No mesura un sol element com l'LCP: resume tot el progrés visual.
- Penalitza pàgines que mostren poc a l'inici encara que l'LCP final sigui acceptable.
- Complementa el FCP: el primer marca el primer píxel; el Speed Index mesura com avança la resta.
- En informes de PageSpeed apareix en segons (com més baix, millor).
La documentació de web.dev sobre Speed Index detalla l'algorisme i el seu paper en auditories de rendiment.
Llindars orientatius el 2026
Lighthouse segueix usant aquestes referències per Speed Index en mòbil simulat:
- Bo: 3,4 s o menys.
- A millorar: entre 3,4 s i 5,8 s.
- Dolent: per sobre de 5,8 s.
En desktop els números solen ser més baixos, però prioritza les plantilles amb tràfic de campanyes: home, serveis, landing de producte i formulari de contacte.
Speed Index davant FCP, LCP i TBT
Els Core Web Vitals en camp mesuren experiència real; el Speed Index ajuda a diagnosticar com es sent la càrrega en laboratori. Pots tenir un LCP raonable si una imatge hero apareix tard, però un Speed Index alt si la resta del layout triga a omplir-se.
Un FCP ràpid amb Speed Index alt produeix la sensació d'«ha aparegut alguna cosa, però la pàgina no acaba de carregar». Un TBT alt pot retardar la pintura de components hidratats per JavaScript.
Causes habituals en webs d'empresa
- Hero pesat sense prioritat de càrrega ni mides responsives.
- Fonts web que bloquegen el text visible o provoquen repintats tardans.
- CSS crític no inline o bundles enormes abans del primer render.
- JavaScript que amaga contingut fins executar-se (spinners innecessaris).
- Imatges below-the-fold competint per ample de banda amb l'above-the-fold.
L'optimització d'imatges i el lazy loading ben aplicat solen ser les palanques més ràpides quan el filmstrip mostra forats llargs.
Com mesurar el Speed Index
- PageSpeed Insights / Lighthouse: mètrica «Speed Index».
- WebPageTest: filmstrip + gràfic per connexió i dispositiu.
- Chrome DevTools → Lighthouse: repetible en local amb throttling mòbil.
Accions que solen millorar el Speed Index
Prioritzar el que es veu primer
Marca la imatge hero amb fetchpriority="high", serveix WebP o AVIF i define width/height per evitar salt de layout.
CSS i renderitzat inicial
Redueix CSS bloquejant a la ruta crítica i evita @import en cadena. La minificació ajuda, però prioritzar què es pinta primer impacta més en l'índex.
Menys bloqueig en la càrrega inicial
Retarda scripts no essencials i redueix tasques llargues. Un TTFB alt retrassa qualsevol pintura.
Errors que mantenen el Speed Index alt
- Optimitzar només l'LCP ignorant forats al filmstrip intermedi.
- Mostrar un loader a pantalla completa durant tres segons «per branding».
- Confondre Speed Index amb temps total de càrrega o amb INP.
Conclusió
El Speed Index no substitueix els Core Web Vitals de camp, però explica per què una web «sembla lenta» encara que una mètrica aïllada estigui en verd. Vigila'l juntament amb el FCP i l'LCP. Si necessites una auditoria prioritzada, a aatsoft podem ajudar-te a traduir l'informe en canvis concrets sense trencar marketing ni disseny.
