El teu web va lent: per què importa i com s’arregla de debò
La velocitat no és un caprici tècnic: decideix quanta gent es queda. Les tres causes que expliquen gairebé tots els casos, com mesurar-ho bé i en quin ordre atacar-ho.
· Disseny web i comerç electrònic
Un web lent perd visites abans que ningú llegeixi res. No cal creure-ho per fe: és mesurable, i l’efecte és més gran al mòbil, que és per on arriba la major part del trànsit d’un negoci local.
La bona notícia és que als webs d’empresa petita el problema gairebé sempre són les mateixes tres coses, i dues s’arreglen sense tocar codi.
Primer, mesurar-ho bé
Abans de tocar res, dues precisions que eviten perdre el temps:
Mesura al mòbil i amb connexió limitada, no al teu ordinador amb fibra. La teva experiència no és la del teu visitant.
Distingeix la dada de laboratori de la dada de camp. Les eines d’anàlisi donen una simulació —útil per diagnosticar— i, quan hi ha trànsit suficient, dades d’usuaris reals. La segona és la que compta. Un web que puntua bé a la simulació i malament al camp té un problema real que la simulació no veu.
Les mètriques que importen mesuren tres coses diferents: quant triga a veure’s el contingut principal, quant triga a respondre a la primera interacció i quant es mou la pàgina mentre carrega. Aquesta última és la responsable de la pitjor experiència possible: anar a prémer un botó i que el contingut salti just abans.
Causa 1: les imatges
És, de bon tros, la primera. Fotos pujades directament des del mòbil o des d’un banc d’imatges, de diversos megabytes, que el navegador redueix per pantalla però descarrega senceres.
Què fer, per ordre:
- Redimensionar a la mida real en què es mostren. Una foto que es veu a 800 píxels d’ample no necessita 4.000.
- Fer servir formats moderns —WebP o AVIF—, que pesen una fracció amb la mateixa qualitat visible.
- Càrrega diferida per a les imatges que estan per sota de la primera pantalla.
- Reservar l’espai amb amplada i alçada declarades, perquè el text no salti quan la imatge entra.
Només amb això, molts webs baixen a la meitat el seu pes total.
Causa 2: el que carrega sense que ho sàpigues
Cada rastrejador, cada xat, cada botó de xarxes, cada tipografia externa i cada complement afegeix peticions a servidors de tercers. La pàgina no acaba d’estar llesta fins que responen tots, i tu no en controles cap.
L’exercici útil: obre les eines de desenvolupador del teu navegador, mira la llista de peticions i pregunta per cada domini extern què aporta. És habitual trobar eines d’anàlisi que ningú mira des de fa dos anys i complements instal·lats per a una prova.
Treure el que no es fa servir és la millora més ràpida i més barata que existeix. I té un benefici addicional: menys rastrejadors de tercers és menys obligació de consentiment i menys exposició en protecció de dades. Com mesurar sense instal·lar rastrejadors és a què mesurar sense instal·lar galetes.
Causa 3: l’allotjament
Si el servidor triga mig segon a començar a respondre, tota la resta arriba tard per definició. Aquí hi influeixen la qualitat de l’allotjament, la distància física al visitant i l’absència de memòria cau.
Tres arranjaments, de menys a més esforç: activar la memòria cau del propi sistema, posar una xarxa de distribució de continguts al davant, i canviar de proveïdor si el temps de resposta del servidor és dolent de manera consistent. Com triar és a on allotjar el teu web.
L’ordre correcte
- Mesura i anota el punt de partida. Sense número inicial no sabràs si has millorat.
- Optimitza imatges. Sol ser el 60 % del problema.
- Treu el que no es fa servir. Un altre bon tros, i gratis.
- Activa memòria cau i compressió.
- Torna a mesurar. Si amb això ja estàs bé, para. L’optimització té rendiments decreixents molt ràpids.
- Només llavors, si continua malament, mira l’allotjament o el desenvolupament.
L’error de perseguir el cent
Les eines donen una puntuació i enganxa pujar-la. Convé recordar per a què era això: l’objectiu no és el número, és que la gent no se’n vagi. Passar de 40 a 80 canvia l’experiència; passar de 92 a 97 no ho nota ningú i pot costar dies.
Si el teu web carrega ràpid en un mòbil amb connexió normal i no salta en carregar, està bé. Dedica la resta de l’esforç a que el contingut convenci, que és on de debò es perden clients.
Si aquest és el teu cas
La revisió completa —mesurament real, imatges, tercers, memòria cau i allotjament— i deixar-ho funcionant és web i botiga en línia. Si t’estàs plantejant refer-lo sencer, el que costa i de què depèn és a quant costa un web per a empresa.
I si l’objectiu de fons és que et trobin, la velocitat és només una peça: la resta és a SEO local.
I si prefereixes no mesurar-ho tu, ho mirem nosaltres i et diem què arreglar i en quin ordre: és la revisió del teu web, amb preu tancat i termini per escrit.
Som Mindset & Code: automatització, dades i desenvolupament per a pimes i autònoms. Pots veure què fem i a quin preu.
Guia informativa. Les mètriques de rendiment web i els seus llindars els defineix i actualitza la mateixa iniciativa d’estàndards web; es comproven a la seva documentació oficial.