CADA SEGON COMPTA
La meva web és lenta: per què passa, com mesurar-ho i com solucionar-ho
Obres la teva web al mòbil i tarda. Tu esperes perquè és teva; els teus clients, no. Una web lenta perd visites abans que arribin a llegir què fas i empitjora l'experiència que Google té en compte. La bona notícia és que gairebé sempre es pot millorar molt sense refer-la. T'explico com mesurar la velocitat, quines són les causes més habituals i què fer amb cadascuna.
Per què importa la velocitat
- Els visitants se'n van. Al mòbil, amb mala cobertura, una web pesada pot tardar tant que el client torna a Google i entra a la següent.
- Google ho té en compte. Els seus sistemes valoren que les pàgines ofereixin una bona experiència, i la velocitat en forma part. No compensa un contingut pobre, però entre dues pàgines semblants pot marcar diferències.
- Transmet deixadesa. Una web que tarda o «salta» mentre carrega dona una imatge pitjor del negoci.
- Els anuncis surten més cars: si pagues per cada clic, cada visitant que se'n va abans que carregui la pàgina són diners perduts.
Com mesurar la velocitat de la teva web
- PageSpeed Insights (pagespeed.web.dev): enganxa l'adreça de la teva web i mira sobretot el resultat per a mòbil. Si la teva web té prou visites, també hi veuràs dades d'usuaris reals.
- L'informe de Core Web Vitals a Google Search Console: et diu quines pàgines de la teva web tenen problemes segons dades reals.
- El teu propi mòbil amb dades, no amb el wifi de l'oficina. És la manera més honesta de veure el que veu el teu client.
Les Core Web Vitals són les tres mètriques que Google fa servir per mesurar l'experiència de càrrega:
- LCP (càrrega del contingut principal)
- Quant tarda a veure's l'element més gran, normalment la imatge o el titular principal. Bo: 2,5 segons o menys.
- INP (resposta a la interacció)
- Quant tarda la pàgina a reaccionar quan toques un botó o un menú. Bo: 200 mil·lisegons o menys.
- CLS (estabilitat visual)
- Quant «salten» els elements mentre carrega. Bo: 0,1 o menys.
Les causes més habituals
- Imatges enormes. Una foto penjada tal com surt de la càmera o del mòbil pot pesar diversos megues, quan sovint n'hi hauria prou amb una fracció d'això.
- Allotjament (hosting) lent o saturat. Un servidor barat compartit amb centenars de webs, o sense prou recursos, tarda a respondre fins i tot abans de començar a carregar res.
- Massa plugins o un constructor pesat. Cada peça afegeix codi que el navegador ha de descarregar i executar, encara que no es faci servir en aquella pàgina.
- Scripts de tercers: xats, píxels de publicitat, mapes, vídeos incrustats, widgets de xarxes socials i diverses fonts tipogràfiques.
- Sense memòria cau ni compressió: el servidor genera la pàgina des de zero a cada visita.
- Sliders i vídeos de fons a la portada, que carreguen molt abans de mostrar res útil.
Què fer en cada cas
- Optimitza les imatges
- Redueix-les a la mida en què es mostren, fes servir formats moderns com WebP i carrega en diferit les que són més avall. Sol ser la millora més ràpida i notable.
- Revisa el hosting
- Si el servidor tarda a respondre, cap altra optimització no ho compensa del tot. Un bon hosting no ha de ser car per força; ho explico a diferències entre hosting i domini.
- Treu el que no fas servir
- Plugins desactivats que continuen instal·lats, funcions del tema que no utilitzes, scripts antics d'eines que ja no fas servir.
- Controla els tercers
- Pregunta't si cada xat, píxel o widget compensa el que costa en velocitat. Molts es poden carregar només quan fan falta.
- Activa la memòria cau i la compressió
- El teu hosting o el teu CMS solen tenir opcions per servir pàgines ja preparades i comprimides.
- Simplifica
- De vegades el més eficaç és una web més senzilla. Una web estàtica, sense base de dades ni desenes de plugins, carrega molt ràpid gairebé en qualsevol hosting; comparo les opcions a WordPress: avantatges, desavantatges i alternatives.
Quan la lentitud és un avís
Si la teva web s'ha tornat lenta de cop sense que hagis canviat res, no ho descartis com un mal dia del servidor. Un hackeig pot consumir els recursos del hosting en segon pla. Així ho vaig descobrir a la meva pròpia web: investigant per què el servidor era al 100 % de CPU i memòria. Ho explico a la meva web va ser hackejada: què vaig fer.
Errors habituals
- Obsessionar-se amb la nota de PageSpeed en lloc de fixar-se en el que nota l'usuari.
- Instal·lar un altre plugin per accelerar una web que va lenta per excés de plugins.
- Mesurar només a l'ordinador amb una bona connexió.
- Optimitzar la portada i oblidar la resta, sobretot les pàgines de servei, que són les que més importen.
- Canviar de hosting sense saber si el problema era allà.
Preguntes freqüents
Quant hauria de tardar a carregar la meva web?
Com a referència, Google considera bo que el contingut principal es vegi en 2,5 segons o menys. Més que una xifra exacta, l'important és que al mòbil es vegi l'essencial gairebé a l'instant.
La meva web lenta em fa perdre posicions a Google?
Hi pot influir, sobretot si és molt lenta, però el contingut i la seva rellevància pesen més. El que és segur és que perds visitants que es cansen d'esperar.
He de refer la web perquè vagi ràpida?
No sempre. Optimitzar imatges, treure plugins i millorar el hosting resolen molts casos. Si la base és molt pesada, de vegades surt més a compte començar de nou; ho explico a refer la web o millorar la que tinc?
Una web estàtica és sempre més ràpida?
Sol ser-ho, perquè no ha de generar cada pàgina en el moment. Però una web estàtica amb imatges enormes i molts scripts també pot anar lenta.
Webs ràpides des del principi
Faig webs lleugeres, amb imatges optimitzades i sense desenes de plugins, perquè carreguin ràpid al mòbil. Si la teva web actual va lenta, en una auditoria et dic per què i què convé arreglar primer.
Veure l'auditoria web