Velocitat web: per què una web lenta perd clients al mòbil
Perquè qui et busca des del mòbil no espera: si la pàgina es queda en blanc, salta o no respon al dit, torna enrere i obre la del costat. La velocitat es mesura amb tres indicadors de Google (LCP, INP i CLS) i es comprova de franc a PageSpeed Insights.
Qui et visita, i des d'on
Pensa com arriba la gent a la web d'un negoci de la Seu d'Urgell, la Cerdanya o Andorra. Gairebé mai des d'un ordinador amb fibra. Arriba des del mòbil: al cotxe aparcat davant de la teva persiana, a la terrassa d'un bar, baixant d'una pista o en una carretera de muntanya on la cobertura va i ve d'un revolt a l'altre.
En aquestes condicions, una web pesada no és «una mica lenta»: és una pantalla en blanc amb una rodeta. I qui busca «lampista urgent» o «lloguer de bicis» té cinc resultats més a un toc de distància.
El pitjor és que l'amo gairebé mai no ho veu. Obre la seva web a casa, amb wifi i la pàgina ja desada d'altres vegades, i li va ràpida. El client nou, amb una connexió fluixa, veu una altra cosa.
Què és «ràpida» per a Google: LCP, INP i CLS
Google resumeix l'experiència de càrrega en tres indicadors que anomena Core Web Vitals. Sonen a argot, però cadascun respon a una pregunta molt humana.
LCP: quan veig el que importa?
Largest Contentful Paint mesura quant triga a aparèixer l'element més gran de la primera pantalla: normalment la foto de portada o el titular. Segons la documentació de Google, es considera bo per sota de 2,5 segons. Quan falla, gairebé sempre és per una imatge enorme, un servidor que triga a contestar o massa coses que el navegador ha de baixar abans de pintar res.
INP: em fa cas quan toco?
Interaction to Next Paint mesura quant triga la pàgina a reaccionar quan toques alguna cosa: obrir el menú, prémer «Reservar», desplegar una pregunta. Google el dona per bo per sota de 200 mil·lisegons. Si toques el botó de WhatsApp i no passa res, te'n vas. El solen espatllar els scripts de tercers i els constructors visuals que carreguen molt de codi.
CLS: se'm mou la pàgina?
Cumulative Layout Shift mesura quant es desplaça el contingut mentre carrega. És aquell moment en què vas a prémer «Trucar» i, just abans, apareix un bàner a dalt, tot baixa i acabes prement una altra cosa. Google el considera bo per sota de 0,1. El provoquen imatges sense mida reservada, anuncis, avisos de galetes mal muntats i tipografies que canvien en carregar.
Com mesurar la teva web amb PageSpeed Insights
PageSpeed Insights és l'eina gratuïta de Google per a això. No cal instal·lar res ni ser tècnic.
- Entra a pagespeed.web.dev i enganxa l'adreça de la teva web. Prova la portada i també la pàgina que més t'importa (la de reserves, la de serveis, la de contacte).
- Mira la pestanya «Mòbil», que és la que surt per defecte. És la que de debò compta per a un negoci local.
- Llegeix primer el bloc de dalt, el de l'experiència d'usuaris reals. Si hi apareix, et diu si els teus visitants, en conjunt, passen o no els tres indicadors.
- Després, el diagnòstic de sota: la nota de 0 a 100 i la llista d'oportunitats («redueix la mida de les imatges», «elimina els recursos que bloquegen la renderització»…).
Dades reals i prova de laboratori no són el mateix
Això confon gairebé tothom. PageSpeed ensenya dues coses diferents:
- Dades de camp. Vénen d'usuaris reals de Chrome que han visitat la teva web les últimes setmanes. Són les que de debò compten. Però només hi surten si la web té prou visites: en moltes webs petites del Pirineu aquest bloc surt buit, i és normal.
- Dades de laboratori. És una simulació feta al moment: un mòbil de gamma mitjana amb una connexió lenta carregant la pàgina un cop. Serveix per trobar problemes, però la nota varia d'una prova a l'altra.
Si la teva web és petita i no té dades de camp, queda't amb el laboratori com a guia, repeteix la prova un parell de cops i fixa't en la tendència, no en el número exacte.
No persegueixis el 100
Un 100 al laboratori no et porta clients; una web que carrega de pressa i et deixa tocar el botó sense salts, sí. I una nota justeta amb els tres indicadors en verd a les dades reals està bé. El que importa és que la persona vegi, toqui i t'escrigui.
Si a més vols veure l'estat de totes les pàgines alhora, Google Search Console té un informe de Core Web Vitals. T'expliquem com donar-t'hi d'alta a com saber si la meva web surt a Google.
Què sol fer lenta una web petita
A les webs de negocis locals hi trobem gairebé sempre els mateixos culpables:
- Fotos tal com surten del mòbil o de la càmera. Una sola foto de portada pot pesar més que tota la resta de la pàgina. Cal redimensionar-les i desar-les en formats moderns com WebP o AVIF.
- Temes i constructors que ho carreguen tot. Plantilles pensades per a cent usos diferents que envien al mòbil codi de sliders, botigues i animacions que la teva web ni fa servir. Ho expliquem a WordPress o web a mida per a un negoci petit.
- Plugins i scripts de tercers. Formulari, xat, mapes incrustats, feeds d'Instagram, píxels de publicitat. Molts es carreguen encara que el visitant no arribi mai a aquella part de la pàgina.
- Un hosting just. Si el servidor triga a respondre, tota la resta comença tard. En parlem a què és el hosting i quin convé a una web petita.
Què s'hi pot fer (i en quin ordre)
No cal refer la web per millorar. El més assenyat és anar del que pesa més al que pesa menys:
- Imatges. La mida adequada per a cada pantalla, format modern i càrrega diferida per a les que són més avall. Compte: la foto de portada no s'ha de carregar en diferit, perquè és justament la que mesura l'LCP.
- Reservar l'espai. Indicar l'amplada i l'alçada d'imatges, vídeos i bàners perquè res no empenyi el contingut en carregar. És el remei directe contra el CLS.
- Treure el que sobra. Cada plugin i cada script s'ha de guanyar el lloc. Un mapa de Google pot ser una imatge amb enllaç a Maps; un feed d'Instagram, un botó al teu perfil.
- Revisar el servidor i la memòria cau. Un hosting decent i una xarxa de distribució (CDN) fan que la pàgina surti a prop del visitant, sigui a Puigcerdà o a Barcelona.
- Tornar a mesurar. Torna a passar PageSpeed i, si tens dades reals, espera unes setmanes que s'actualitzin abans de treure conclusions.
Si la teva web arrossega un tema pesat amb anys de pedaços, de vegades surt més a compte començar de net; en parlem a web a mida o plantilla.
La velocitat em fa pujar a Google?
Google ha dit públicament que l'experiència de pàgina, Core Web Vitals inclosos, forma part del que té en compte, però que el primer és que el contingut respongui bé al que es busca. Traduït: una web ràpida i buida no guanyarà una web útil una mica més lenta. Ningú no et pot prometre que, per accelerar la web, pujaràs posicions.
El que sí que és segur és l'altra cara: no serveix de res sortir si, en entrar, la gent se'n va abans de veure qui ets. Per a la part de posicionament local, tens la guia de SEO local per a negocis del Pirineu i la de la fitxa de Google per al teu negoci local.
Com ho fem a Seuweb
Les nostres webs són estàtiques i lleugeres: sense constructor visual, sense plugins de farciment, amb imatges preparades per al mòbil i servides des d'una xarxa de distribució. Abans de publicar, cada pàgina passa una revisió que inclou la velocitat al mòbil, i ho comprovem sobre l'adreça real un cop publicada, no només al nostre ordinador. Pots veure com treballem segons la teva zona a disseny web a la Seu d'Urgell, la Cerdanya o Andorra, i què costa cada nivell als preus.
Preguntes freqüents
Quina nota de PageSpeed hauria de tenir la meva web?
No hi ha cap nota màgica. El que importa és que els tres indicadors (LCP, INP i CLS) estiguin en verd al mòbil, sobretot a les dades d'usuaris reals si n'hi ha. La nota de laboratori varia entre proves: fes-la servir per trobar problemes, no com a objectiu.
Per què al meu mòbil la web va ràpida i a PageSpeed surt lenta?
Perquè probablement el teu mòbil ja té la web desada d'altres visites i potser estàs amb wifi. PageSpeed simula un visitant nou amb un mòbil normal i una connexió fluixa, que és justament el client que encara no et coneix.
Cal refer la web perquè sigui ràpida?
No sempre. Moltes vegades n'hi ha prou d'optimitzar les imatges, treure plugins i scripts que sobren i millorar el hosting. Si la web arrossega un tema molt pesat, pot compensar començar de nou, però això es decideix després de mesurar.
La teva web triga al mòbil?
Passa'ns l'adreça. La mesurem al mòbil, et diem què la frena i què arreglaríem primer, en clar.
Demanar pressupost