La velocitat és l'únic problema d'una web del qual no es queixa ningú. Ningú no t'escriu per dir-te que la pàgina va trigar sis segons a carregar-se. Simplement se'n van, i no saps mai que hi han estat.
Això és una explicació sense tecnicismes del que fa que una web vagi lenta, de com comprovar la teva en uns dos minuts i de quins arranjaments val la pena pagar.
Per què importa més del que sembla
Quan una web va lenta passen dues coses diferents.
La gent se'n va. Sobretot al mòbil, amb dades i no amb la fibra de l'oficina. A la teva analítica, qui se'n va abans que la pàgina aparegui no es distingeix de qui no hi va arribar a entrar mai.
Google se n'adona. L'experiència a la pàgina, inclosa la velocitat de càrrega, forma part de com Google valora les pàgines. No salvarà un contingut dolent: una pàgina ràpida que no diu res continua sense sortir en cap cerca. Però entre dues pàgines semblants, la velocitat desempata de debò, i Google la mesura amb dades d'usuaris reals de Chrome, no amb una prova de laboratori.
Les tres mesures que importen
Google les agrupa sota el nom de Core Web Vitals. Sense argot:
LCP, Largest Contentful Paint. Quant triga a aparèixer el que és principal a la pàgina, normalment la imatge de capçalera o el titular. L'ideal és menys de 2,5 segons. És la que suspenen més webs, i el culpable sol ser una imatge enorme.
CLS, Cumulative Layout Shift. Quant salta la pàgina mentre es carrega. Te n'ha passat: vas a prémer un botó, es carrega una imatge o un anunci a sobre i acabes prement una altra cosa. Ho provoquen les imatges sense espai reservat, les fonts que arriben tard i els bàners que s'hi colen a última hora.
INP, Interaction to Next Paint. Com de ràpid respon la pàgina quan algú hi toca o hi fa clic. Una pàgina pot semblar carregada i no respondre, perquè el navegador està ocupat executant scripts.
Com comprovar la teva en dos minuts
Passa la teva pàgina d'inici per PageSpeed Insights, l'eina gratuïta de Google. I després, que és la part que gairebé tothom se salta, fes dues coses:
- Mira la nota del mòbil, no la de l'ordinador. La de l'ordinador t'afavoreix i no importa: els teus clients hi entren des del mòbil.
- Mira les dades de camp, si hi surten. Aquesta secció reflecteix visites reals de l'últim mes. La nota de laboratori que surt a sota és una simulació. Quan no coincideixen, fia't de les dades de camp.
Després prova una pàgina que importi, no només la d'inici. Les fitxes de producte i les pàgines de serveis solen pesar més, i és allà on hi ha els diners.
Les causes habituals, més o menys per ordre
Les imatges. De molt, la més comuna. Una foto treta directament del mòbil pot pesar diversos megues, i moltes vegades el navegador la descarrega sencera per després encongir-la. Imatges de la mida correcta i en formats moderns arreglen més webs lentes que qualsevol altre canvi.
Massa scripts de tercers. Xats, botons de WhatsApp que funcionen amb una extensió, analítica, píxels, mapes de calor, widgets de ressenyes, bàners de galetes. Cadascun pesa poc. Junts poden pesar més que tota la teva web, i cadascun és una petició a un servidor que no controles. A Espanya, a més, l'analítica i els píxels no s'haurien de carregar fins que el visitant accepti les galetes, com explica la guia de l'AEPD, així que ben muntats ni tan sols pesen en la primera càrrega.
Extensions i plantilles sobrecarregades. És habitual a WordPress i a les botigues Shopify amb una plantilla comprada i una dotzena d'aplicacions. Carregues el codi de totes les funcions de la plantilla, incloses totes les que no fas servir.
Fonts mal carregades. Fer servir fonts pròpies està bé. Carregar cinc gruixos de tres famílies i no deixar que el text aparegui fins que arribin, no.
Sense memòria cau o amb un allotjament fluix. Un allotjament compartit barat, quan va carregat, desfà la bona feina de tota la resta. Això sí, abans de canviar d'allotjament comprova que el que va lent és el servidor i no el que la web fa a cada visita.
Què val la pena pagar
Barat i amb molt de retorn: comprimir les imatges i deixar-les a la mida correcta, treure scripts que no fa servir ningú, reservar espai a les imatges perquè la pàgina no salti i retallar fonts. En la majoria de webs és un dia de feina i la millora que més es nota.
Val la pena si la resta de la web està bé: una bona memòria cau, endreçar com es carreguen els scripts i canviar extensions pesades per altres de més lleugeres.
Només si la web està acabada de debò: afinar al mil·límetre una web que ja és ràpida. Quan ja estàs en bona forma, cada millora rendeix menys que l'anterior.
No val la pena: refer la web només per velocitat quan té altres problemes. Si l'estructura i el contingut també fallen, pagues dues vegades.
L'advertiment sincer
La velocitat és necessària, però no suficient. Una web ràpida que no té res a dir no serveix a ningú, i cap optimització no compensa una pàgina que no respon la pregunta amb què va arribar la visita. Arregla la velocitat perquè treu un motiu per marxar, no perquè sigui una estratègia de creixement.
Dit això, és un dels pocs problemes en què pots mesurar l'abans i el després, i per això és un bon lloc per començar quan no saps què falla.
Cada web que faig ha de carregar-se en menys de dos segons al mòbil. Si la teva va lenta i la vols arreglar o començar de zero, escriu-me i el mateix dia laborable tens un preu tancat i una data.