Guia · Velocitat

Per què la meva web va lenta?

Com mesurar-la, quines són les causes més habituals i com arreglar-les una per una: imatges, hosting, plugins, memòria cau i Cloudflare. Amb una llista per anar marcant.

Resposta curta

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.
No t’obsessionis amb el 100. Una web de negoci amb un 70 o un 80 al mòbil i els tres valors en verd ja va bé. El que importa és que el client no s’esperi.

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ó

  1. Mesura amb PageSpeed InsightsAl mòbil, i apunta LCP, INP i CLS abans de canviar res.
  2. Imatges a la mida que es mostrenUnes 2.000 px per a les grans, en WebP o AVIF.
  3. Càrrega diferida activadaPer a les imatges i els vídeos de més avall.
  4. Temps de resposta del servidorPer sota d’un segon. Si no, revisa el hosting.
  5. PHP actualitzatUna versió amb suport vigent.
  6. Plugins revisatsEsborra els que no fas servir i els duplicats.
  7. Un sol plugin de memòria cauSense guardar la cistella ni el pagament.
  8. Cloudflare configuratAmb el SSL i la cau dels fitxers estàtics.
  9. Base de dades netaRevisions, brossa i restes de plugins.
  10. Torna a mesurarI compara amb el que havies apuntat.
Errors habituals

El que fa la gent i no funciona.

Ho veiem sovint quan ens arriba una web lenta. Fan perdre temps i, de vegades, l’empitjoren.

  • Instal·lar un plugin d’optimització mésSi ja en tens un de memòria cau, un segon sol crear conflictes i errors difícils de trobar.
  • Mirar només la nota d’ordinadorLa versió d’ordinador sempre surt millor. Els teus clients t’obren des del mòbil.
  • Comprimir fotos que ja són enormesUna foto de 6.000 px comprimida continua sent de 6.000 px. Primer redueix-ne la mida.
  • Pagar un pla de hosting més carSense arreglar les imatges i la cau, un servidor més potent canvia poc.
Una persona parla per telèfon a l'oficina
Hosting Negoci

Te la deixem ràpida.

Al Hosting Negoci, per 15 € al mes, et migrem la web, configurem la memòria cau i Cloudflare i et mantenim el WordPress al dia perquè no torni a alentir-se.

  • Servidors amb discs NVMe
  • Memòria cau i Cloudflare configurats
  • Actualitzacions de WordPress, plugins i PHP
  • Migració de la web i el correu inclosa
  • Suport en català per telèfon

Preu sense IVA. El mateix preu en renovar i sense permanència.

Preguntes

El que ens pregunten de la velocitat.

Com sé si la meva web va lenta?
Mesura-la amb PageSpeed Insights de Google, sobretot la versió per a mòbil. Si el contingut principal triga més de 2,5 segons a sortir, va lenta per als criteris de Google.
Una web lenta perd posicions a Google?
La velocitat és un dels senyals que Google té en compte, però pesa menys que el contingut. On es nota més és en els clients: si triga, molts tornen enrere abans de veure-la.
Quina nota de PageSpeed he de tenir?
No cal un 100. Al mòbil, un 70 o un 80 amb els tres Core Web Vitals en verd és una bona nota per a una web de negoci.
Per què la meva web va ràpida a l’ordinador i lenta al mòbil?
Perquè el mòbil té menys potència i, sovint, pitjor connexió. Les imatges grans i els scripts pesen molt més al mòbil. Per això cal mesurar sempre la versió mòbil.
Quants plugins són massa?
No hi ha cap xifra. Hi ha webs ràpides amb trenta plugins i webs lentes amb deu. Importa més quins són i si carreguen codi a totes les pàgines.
Cloudflare és gratuït?
Sí, té un pla gratuït que serveix per a la majoria de webs de negoci: memòria cau dels fitxers, SSL i filtre de trànsit. Els plans de pagament afegeixen funcions que un negoci petit rarament necessita.
Canviar de hosting farà que la web vagi més ràpida?
Si el servidor triga més d’un segon a respondre, sí. Si el problema són les imatges o els plugins, poc. Mesura primer i decideix després.
Ho puc arreglar jo sense saber programar?
Gran part, sí: reduir les imatges, esborrar plugins i activar un plugin de memòria cau. Cloudflare i els canvis de servidor és millor que els faci algú que en sàpiga, perquè toquen els DNS i el correu.
TrucaEscriu-nos