Com saber si la teva web va lenta (de debò)
Obre PageSpeed Insights, enganxa-hi l'adreça de la teva web i espera un minut. És l'eina gratuïta de Google i mesura la web tal com la veu un mòbil normal amb una connexió normal, no com la veus tu des de l'ordinador de la botiga amb fibra.
Et donarà una nota de 0 a 100 i un munt de números. No t'hi encallis. Fixa't només en tres coses, a la pestanya Mòbil:
| Què mesura | Què vol dir | Bé si… |
|---|---|---|
| LCP (Largest Contentful Paint) | Quant triga a aparèixer el principal: la foto gran o el titular | menys de 2,5 segons |
| INP (Interaction to Next Paint) | Quant triga a reaccionar quan toques un botó | menys de 200 mil·lisegons |
| CLS (Cumulative Layout Shift) | Si les coses salten de lloc mentre carrega | menys de 0,1 |
Si les tres surten en verd, la teva web no va lenta: el problema és en un altre lloc. Si surten en vermell, continua llegint.
Un truc: prova també la web de la competència. Si la seva carrega en la meitat de temps, ja saps amb qui et comparen els clients que dubten entre tots dos.
Les cinc causes que veiem gairebé sempre
1. Fotos enormes
És la causa número u, de lluny. Puges la foto tal com surt del mòbil (4.000 píxels d'ample, 5 MB) i la web l'ensenya en un espai de 800 píxels. El navegador es descarrega els 5 MB igualment.
Una foto ben preparada per a web pesa entre 100 i 300 KB. Si tens deu fotos a la portada, la diferència és enorme. I al mòbil, amb un 4G que va com va, encara més.
2. Massa plugins
Típic de WordPress: un plugin per al formulari, un altre per al slider, un altre per a les galetes, un altre per al SEO, un altre per a la galeria… Cadascun hi afegeix el seu codi, els seus estils i, de vegades, les seves consultes a la base de dades. Vint plugins no són estranys. I la meitat no es fan servir, però es carreguen igualment.
3. Constructors visuals (Elementor, Divi, Wix…)
Et deixen muntar la web arrossegant blocs, i això té un preu: generen molt més codi del necessari perquè tot funcioni amb qualsevol disseny. No és que siguin dolents. És que estan pensats perquè sigui fàcil fer-la, no perquè vagi ràpida.
4. Un allotjament barat
L'allotjament compartit de 2-3 € al mes fica centenars de webs al mateix servidor. Quan la web del veí té un pic de visites, la teva ho nota. Ho veuràs a PageSpeed com un temps de resposta del servidor alt («Redueix el temps de resposta inicial del servidor»).
5. Coses de tercers
El xat de la cantonada, el píxel de Facebook, el mapa de Google incrustat, el giny d'Instagram, tres eines d'estadístiques… Cadascuna es descarrega des d'un altre servidor, i la teva web espera que acabin. Moltes vegades ningú recorda per què s'hi van posar.
Què has d'arreglar primer
No cal refer la web per notar-hi la diferència. Per ordre d'esforç:
- Comprimeix les fotos. Passa-les a WebP i a la mida en què es veuen. Amb una eina gratuïta com Squoosh ho pots fer tu. Sol ser el canvi que més es nota.
- Treu el que no facis servir. Plugins desactivats, ginys oblidats, el xat que ningú contesta. El que no hi és no pesa.
- Revisa les eines de tercers. Si en tens tres d'estadístiques, queda't amb una. El mapa de Google es pot carregar només quan algú hi fa clic.
- Canvia d'allotjament si el servidor triga més de mig segon a respondre. Aquí ja convé que t'hi ajudi algú.
- Planteja't una web nova si després de tot això continua en vermell. De vegades el problema és la base: un tema pesat amb un constructor a sobre i vint plugins no s'arregla amb pedaços.
La nostra opinió: si la teva web té més de cinc anys, està feta amb un constructor visual i la manté «un conegut quan pot», sol sortir més a compte començar de nou que anar posant pedaços. Si és relativament recent, moltes vegades n'hi ha prou amb els tres primers passos.
Per què importa (i no només per a Google)
Google fa servir aquestes mateixes mètriques com un dels senyals per ordenar els resultats. No és el més important, però entre dues webs semblants, la ràpida té avantatge.
El que més importa, de tota manera, és la persona que et busca des del mòbil, pel carrer, per demanar hora. Si la teva web triga a ensenyar el telèfon o el botó de reservar, és molt probable que torni enrere i toqui el resultat següent. No ho veuràs en cap informe: simplement, aquell client no arriba.