Una web va lenta sobretot per quatre motius: imatges massa pesades, un hosting just, massa plugins o un tema carregat, i no tenir memòria cau. Mesura-la gratis amb PageSpeed Insights de Google, comença per les imatges i, si el servidor triga més d’un segon a respondre, el problema és el hosting.
- Google considera bona una càrrega del contingut principal de menys de 2,5 segons
- Les imatges són la causa més habitual i la més fàcil d’arreglar
- Mesura sempre des del mòbil: és com t’obren la majoria de clients
Com saber si va lenta
La sensació enganya: si tu entres sovint a la teva web, el navegador ja en té una part guardada i et sembla ràpida. Mesura-la amb eines:
- PageSpeed Insights (pagespeed.web.dev): posa-hi l’adreça i mira primer el resultat per a mòbil. Et dona una nota de 0 a 100 i et diu què la frena.
- Search Console, a «Experiència de pàgina» o «Core Web Vitals»: et diu quines pàgines van lentes amb dades de visitants reals.
De tots els números, fixa’t en tres. Són els que Google anomena Core Web Vitals:
- LCP, el temps que triga a sortir el contingut principal. Bo: menys de 2,5 segons.
- INP, el temps que triga a reaccionar quan toques un botó. Bo: menys de 200 mil·lisegons.
- CLS, si les coses salten de lloc mentre carrega. Bo: menys de 0,1.
Les imatges
És la causa que trobem més sovint. Una foto feta amb el mòbil pot pesar 4 o 5 MB, i si la puges tal qual, cada visitant la descarrega sencera encara que es mostri petita.
- Redueix la mida abans de pujar-la: per a una foto que ocupa tota l’amplada, n’hi ha prou amb uns 2.000 px d’ample. Per a una miniatura, amb 800.
- Fes servir formats moderns: WebP o AVIF pesen molt menys que el JPG amb la mateixa qualitat. A WordPress, plugins com ShortPixel, Imagify o EWWW els converteixen sols.
- Càrrega diferida: que les imatges de més avall només es carreguin quan hi arribes. WordPress ho fa per defecte, però alguns temes ho desactiven.
- Compte amb els carrusels i els vídeos de fons a la capçalera: són el que més alenteix la primera impressió.
El hosting
Si el servidor triga a respondre, tota la resta s’endarrereix. A PageSpeed Insights mira «Temps de resposta inicial del servidor» (en anglès, TTFB). Si passa d’un segon de manera habitual, el problema és el hosting.
- Hostings massa plens: els plans de pocs euros posen moltes webs al mateix servidor. Quan una té molt trànsit, les altres ho noten.
- Versió de PHP antiga: WordPress funciona amb PHP. Les versions noves són més ràpides i més segures. Si el teu hosting encara fa servir PHP 7, demana que te l’actualitzin.
- Servidor lluny dels teus clients: si els teus clients són a Catalunya i el servidor és a l’altra punta del món, cada petició triga més.
Plugins i tema
Cada plugin afegeix codi, i molts carreguen fitxers a totes les pàgines encara que només es facin servir en una. No hi ha un nombre màxim, però sí plugins pesats i plugins que no fan res.
- Esborra els que no fas servir, no només desactivar-los.
- Vigila els que fan el mateix: dos plugins de SEO, dos de formularis o tres de seguretat es trepitgen.
- Constructors visuals i temes «multiús» carreguen molt codi que no fas servir. Si la web és senzilla, un tema lleuger es nota.
- Xat, mapes, xarxes socials i vídeos incrustats carreguen codi d’altres llocs. Carrega’ls només a les pàgines on calen.
La memòria cau
Sense memòria cau (en anglès, cache), cada vegada que algú entra el servidor ha de muntar la pàgina des de zero. Amb memòria cau, la té feta i la serveix al moment. És el canvi que més es nota amb menys feina.
- Cau de pàgina: plugins com WP Super Cache, W3 Total Cache o LiteSpeed Cache (si el servidor és LiteSpeed). Fes servir només un.
- Cau del navegador: perquè qui torna no hagi de descarregar de nou el logo, les fonts i els estils.
- Compte amb les botigues: la cistella, el compte del client i la pàgina de pagament no s’han de guardar mai a la cau.
Cloudflare
Cloudflare és un servei que es posa al davant de la web. Guarda una còpia dels fitxers en servidors de tot el món, entre ells a prop de Barcelona, i els serveix des d’allà. També filtra trànsit maliciós i dona el certificat SSL. Amb el pla gratuït ja n’hi ha prou per a la majoria de negocis.
- Es configura canviant els DNS del domini. Fes-ho amb calma: si t’equivoques, el correu pot deixar de funcionar.
- Per defecte, Cloudflare només guarda imatges, estils i scripts. Guardar també les pàgines requereix una regla i excloure-hi l’administració i la botiga.
- Si fas un canvi i no el veus, buida la cau de Cloudflare.
Altres causes
- Fonts tipogràfiques: cada família i cada gruix és un fitxer. N’hi ha prou amb dues famílies de dos o tres gruixos.
- Base de dades plena: milers de revisions d’entrades, comentaris brossa i restes de plugins esborrats. Una neteja la torna àgil.
- Scripts de seguiment: Analytics, el píxel de Meta, mapes de calor. Deixa només els que mires de debò.
- Una web hackejada sovint va lenta perquè el servidor treballa per a algú altre. Si de cop va molt més lenta sense haver canviat res, revisa-ho.
Llista de comprovació
- Mesura amb PageSpeed InsightsAl mòbil, i apunta LCP, INP i CLS abans de canviar res.
- Imatges a la mida que es mostrenUnes 2.000 px per a les grans, en WebP o AVIF.
- Càrrega diferida activadaPer a les imatges i els vídeos de més avall.
- Temps de resposta del servidorPer sota d’un segon. Si no, revisa el hosting.
- PHP actualitzatUna versió amb suport vigent.
- Plugins revisatsEsborra els que no fas servir i els duplicats.
- Un sol plugin de memòria cauSense guardar la cistella ni el pagament.
- Cloudflare configuratAmb el SSL i la cau dels fitxers estàtics.
- Base de dades netaRevisions, brossa i restes de plugins.
- Torna a mesurarI compara amb el que havies apuntat.
