Com la velocitat del teu web afecta les vendes del teu ecommerce

Pensa en l'última vegada que vas entrar en una botiga online des del mòbil i la pàgina no acabava de carregar. Probablement vas tornar enrere i vas obrir un altre resultat. Els teus clients fan exactament el mateix.

La velocitat no és un detall tècnic. És part de l'experiència de compra, igual que les fotos o el preu de l'enviament. I a diferència d'altres factors, la pots millorar sense canviar el producte ni el preu.

Per què la velocitat afecta les vendes

L'efecte es nota en diversos punts del camí de compra:

• Rebots. Com més tarda a aparèixer el contingut, més gent marxa abans de veure'l. Hi ha molts estudis públics que ho mostren, i la tendència sempre va en la mateixa direcció.
• Navegació. En un ecommerce es visiten moltes pàgines: categoria, fitxa, cistella, pagament. Cada espera s'acumula i desgasta la paciència.
• Confiança. Una pàgina que salta, que no respon o que es queda en blanc transmet poca seguretat just quan has de donar la targeta.
• Publicitat. Si pagues per cada clic a Google Ads o Meta Ads, cada visitant que marxa per lentitud és diners perduts. Una pàgina lenta també pot empitjorar l'experiència a la pàgina de destinació que Google té en compte als anuncis.
• SEO. Google fa servir les Core Web Vitals com un dels senyals d'experiència de pàgina. No és el factor principal, però en una cerca amb competidors semblants pot comptar.

Quant et costa exactament la lentitud depèn de cada botiga. No et fiïs de xifres genèriques. La millor manera de saber-ho és mesurar el teu cas: compara la conversió de les sessions ràpides i lentes a la teva analítica, o fes una millora i observa'n l'efecte.

Què són les Core Web Vitals

Les Core Web Vitals són tres mètriques que Google fa servir per mesurar l'experiència real dels usuaris. Cadascuna respon una pregunta senzilla:

• LCP (Largest Contentful Paint): quan veig el contingut principal? Mesura quant tarda a carregar l'element més gran de la pantalla, sovint la foto del producte o el bàner. Es considera bo per sota de 2,5 segons.
• INP (Interaction to Next Paint): respon quan toco alguna cosa? Mesura quant tarda la pàgina a reaccionar quan cliques un botó, obres un filtre o tries una talla. Es considera bo per sota de 200 mil·lisegons. Va substituir l'antic FID el 2024.
• CLS (Cumulative Layout Shift): la pàgina es mou mentre carrega? Mesura els salts de contingut inesperats, com quan vas a clicar "Afegir a la cistella" i el botó es desplaça. Es considera bo per sota de 0,1.

Google avalua aquestes mètriques amb dades de visitants reals que naveguen amb Chrome, i mira el percentil 75. És a dir, no n'hi ha prou que la pàgina vagi ràpida al teu ordinador amb fibra. Ha d'anar bé per a la majoria de visitants, també els que entren amb un mòbil normal i una connexió justa.

Com mesurar la velocitat del teu web

Hi ha eines gratuïtes que et donen una imatge prou completa:

• PageSpeed Insights. Mostra les dades reals de Chrome (si el web té prou trànsit) i una prova de laboratori amb recomanacions. Analitza la pàgina d'inici, però també categories, fitxes de producte i la cistella.
• Google Search Console. L'informe de Core Web Vitals agrupa les URL del web per estat i et diu quines tenen problemes.
• Lighthouse i les eines de desenvolupador de Chrome. Útils per investigar què alenteix una pàgina concreta.
• La teva analítica. Creua els temps de càrrega amb la conversió per dispositiu i per tipus de pàgina.

Fixa't sobretot en el mòbil. A la majoria de botigues és d'on arriba bona part del trànsit, i és on els problemes es noten més.

Les millores que solen donar més resultat

1. Imatges

En un ecommerce, les imatges solen ser el que més pesa. Fes servir formats moderns com WebP o AVIF, serveix cada imatge a la mida que es mostra i carrega en diferit les que queden fora de pantalla. Però no apliquis la càrrega diferida a la imatge principal de la fitxa: aquesta ha de carregar com més aviat millor.

2. Scripts de tercers

Xats, ressenyes, píxels de publicitat, mapes de calor, finestres emergents. Cada eina afegeix codi que el navegador ha de descarregar i executar. Fes inventari i treu el que ja no fas servir. El que quedi, carrega'l de manera que no bloquegi el contingut principal.

3. Plantilla i extensions

Moltes botigues amb WooCommerce, PrestaShop o Shopify acumulen extensions i temes pesats. Cada extensió pot afegir fitxers a totes les pàgines, encara que només s'utilitzi en una. Revisa-les i prioritza les funcions que realment venen.

4. Servidor i memòria cau

Si el servidor tarda a respondre, tota la resta va tard. Un allotjament adequat al volum de la botiga, una bona memòria cau i una CDN fan molta diferència, sobretot en pàgines de categoria amb molts productes.

5. Tipografies

Limita el nombre de fonts i de variants, i carrega-les de manera que el text es vegi des del primer moment.

6. Estabilitat visual

Reserva l'espai de les imatges, els bàners i els avisos de cookies perquè no empenyin el contingut quan apareixen. És una de les millores més fàcils i millora directament el CLS.

Prioritza amb criteri

No cal arribar a una puntuació perfecta a PageSpeed. La puntuació de laboratori és orientativa. El que importa és que les pàgines que venen (categories, fitxes, cistella i pagament) siguin ràpides per als teus clients reals.

Comença per les pàgines amb més trànsit i més ingressos. Fes els canvis per fases i mesura després de cada un. Així sabràs què ha funcionat i podràs justificar la inversió.

Si la teva botiga va lenta i no saps per on començar, mira el nostre servei d'ecommerce o contacta'ns i en farem una primera revisió.