Disseny web

Per què el teu web va lent al mòbil: què el frena i què es pot arreglar

Obre'l amb dades mòbils, fora del wifi de l'oficina, i compta els segons fins que pots prémer el telèfon. Aquest és el web que veu el teu client.

Gairebé tots els webs es revisen malament: des de l'ordinador del despatx, amb fibra i amb la pàgina ja a la memòria del navegador. Així qualsevol vola. La prova de debò és una altra: agafar el mòbil, treure el wifi i obrir-lo en una finestra d'incògnit. Si als tres segons encara veus un fons blanc, tens un web lent al mòbil, i això es paga en trucades que no entren.

Persona esperant al carrer que carregui un web al mòbil

«Lent» no és una sensació, és un número

Hi ha una mesura que resumeix bastant bé el que percep una persona: quant triga a pintar-se l'element més gran de la pantalla —la foto de portada, el titular o el bloc principal—. Google l'anomena LCP i forma part de les Core Web Vitals, les mètriques que fa servir per valorar l'experiència d'una pàgina.

No cal ser tècnic per veure-ho. Poses la teva adreça a PageSpeed Insights, tries la pestanya de mòbil i et dona el número i la llista del que hi sobra. És gratis i triga menys que un cafè.

Què frena de debò un web (i gairebé mai és «el servidor»)

Quan revisem webs de clients nous, el repartiment es repeteix. Aquestes cinc coses expliquen la majoria dels casos.

Les fotos pujades tal com surten de la càmera

És la número u, amb diferència. Una imatge de mòbil moderna ocupa entre tres i sis megues i fa sis mil píxels d'amplada; al web es veu a mil. El navegador es descarrega l'original sencer per ensenyar-lo petit. Amb deu fotos així, la portada pesa més que una pel·lícula curta. La solució no és treure fotos: és servir-les a la mida real i en formats moderns com WebP o AVIF, que pesen la meitat o menys sense que es noti la diferència.

Càmera, targetes i portàtil amb les fotos originals abans de comprimir-les per al web

La plantilla que porta de tot

Molts webs es munten sobre un tema comercial pensat per vendre a tothom: carrusels, animacions, galeries, botigues, reserves. Encara que no facis servir gairebé res, el navegador es descarrega la maquinària completa. És com portar el maleter ple tot l'any per si un dia fas mudança.

Els scripts de tercers

El xat, el mapa incrustat, el píxel de publicitat, l'avís de galetes, la barra de ressenyes i el reproductor de vídeo. Cadascun porta el seu propi codi i la seva pròpia connexió. Sols no molesten; junts afegeixen dos segons llargs i, a sobre, carreguen abans que el teu contingut.

El vídeo de fons i les tipografies

Un vídeo de portada de dotze megues és preciós a la presentació i un desastre amb cobertura irregular. I cada tipografia extra són dos o tres arxius més que bloquegen el text fins que arriben.

L'allotjament de dos euros

Aquí sí que hi influeix el servidor: si la màquina està compartida amb centenars de webs, el temps fins a la primera resposta es dispara i tota la resta arriba tard. No cal un servidor car, cal un que respongui. Als nostres plans l'allotjament d'alt rendiment va inclòs, precisament per no discutir això cada mes.

Per què al mòbil tot és pitjor

La mateixa pàgina que al teu ordinador triga un segon pot trigar-ne cinc en un mòbil, i no és culpa del telèfon. S'hi ajunten tres coses: la cobertura real del carrer o del metro, que no és la del wifi; un processador que triga més a interpretar el codi; i una persona amb pressa que està dreta i amb una mà ocupada.

Aquest és l'escenari on es decideixen la majoria de les trucades d'un negoci local. Si el teu web només es prova a l'escriptori, estàs mirant la versió que gairebé ningú fa servir.

Què solem trobar quan obrim un web per primera vegada

Quan un negoci ens passa la seva adreça perquè la mirem, el diagnòstic es repeteix tant que gairebé es pot predir. Aquestes són les quatre troballes habituals, per ordre de freqüència.

  • La portada pesa entre vuit i quinze megues i el 80 % són fotos que es veuen a un terç de la seva mida real. Només reconvertint-les es recupera la meitat del temps de càrrega.
  • Hi ha connectors instal·lats que ja no es fan servir. Una galeria que es va provar un cop, un formulari que es va substituir, un traductor que es va treure del web però no del servidor.
  • L'avís de galetes carrega abans que el contingut. El primer que veu el visitant és un cartell gris sobre un fons buit i, a sobre, l'ha de tancar.
  • Ningú ha tornat a mesurar des que es va publicar. El web es va entregar ràpid fa tres anys i ha anat engreixant-se amb cada foto i cada afegit.

Cap d'aquests quatre és una errada greu per separat. El problema és que se sumen, i qui espera sempre és el mateix: el client que t'anava a trucar.

Què canvia quan s'arregla

Siguem honestos: millorar la velocitat no et puja al primer lloc de Google per si sola. El que fa és treure un fre. Es nota en dos llocs: en la gent que ja arribava al teu web i marxava abans de veure res, i en les pàgines que competien molt igualades amb altres, on l'experiència acaba desempatant.

Si a més el teu problema és que no apareixes, això és una altra conversa: la tenim a per què el meu web no apareix a Google, i es treballa amb posicionament SEO, no amb optimització d'imatges.

La comprovació de dos minuts

  • Amb dades mòbils. Treu el wifi, obre una finestra d'incògnit i escriu el teu domini. Compta fins que puguis prémer el telèfon.
  • Amb l'eina. Passa la portada i una pàgina de servei per PageSpeed Insights, a la pestanya de mòbil.
  • Amb la competència. Fes el mateix amb dos negocis que surtin abans que tu a la cerca. És el millor termòmetre, millor que qualsevol nota sobre cent.

Vols saber què et costaria a tu?

Responem el mateix dia. Sense compromís i sense discursos.

Què s'arregla en una tarda i què necessita obra

No tot costa el mateix. Acostuma a haver-hi dos grups ben diferenciats.

  • Ràpid: comprimir i reconvertir les imatges, treure els scripts que ja no fa servir ningú, activar memòria cau i compressió, carregar les tipografies d'una altra manera i eliminar connectors morts. Aquí es recupera la major part del temps perdut.
  • Amb obra: canviar una plantilla pesada, reordenar la pàgina perquè l'important carregui primer o moure l'allotjament. És més feina, i per això convé fer-ho quan toca redissenyar, no a mitja temporada.

I un avís per experiència: el connector que promet arreglar-ho tot amb un botó de vegades trenca la maquetació o deixa el formulari sense enviar. Si l'instal·les, revisa el web sencer després, no només la portada.

Clienta fent servir el mòbil sense esperes després de millorar la velocitat del web

Quant costa tenir el web ràpid

Els nostres preus estan publicats, i l'allotjament i el manteniment hi van dins:

  • La teva Landing, 100 € al mes: una pàgina, allotjament d'alt rendiment, una bústia amb el teu domini i manteniment inclòs.
  • El teu Web, 200 € al mes: fins a deu subpàgines, dues bústies, un article al mes i manteniment.
  • Presència digital, des de 400 € al mes: l'anterior més continguts, fitxa de Google, ressenyes contestades i campanyes.

Sense IVA, sense permanència i amb la migració del web i del correu inclosa, així que canviar de proveïdor no té cost d'entrada. A què inclou el manteniment web hi ha el detall del que es revisa cada mes, i a quant costa una pàgina web, per què dos pressupostos semblants poden no ser-ho.

Treballem des de Palamós, amb negocis de Girona i Barcelona

La nostra oficina és a Palamós i portem webs de negocis de les dues províncies. Aquesta part de la feina —mesurar, comprimir, netejar i tornar a mesurar— es fa igual de bé en remot, i els canvis petits surten el mateix dia en comptes d'esperar una visita.

Si vols saber com està el teu, escriu-nos per WhatsApp amb l'adreça del teu web. L'obrim amb dades mòbils, et diem què l'està frenant i quant d'això s'arregla sense tocar el disseny. Sense compromís i el mateix dia.

Explica'ns què necessites i et donem un preu

Responem el mateix dia. Sense compromís i sense discursos.

FAQ

Preguntes freqüents sobre un web lent al mòbil

Quant hauria de trigar a carregar el meu web al mòbil?+

Com a referència pràctica, el contingut principal hauria d'aparèixer en menys de dos segons i mig amb una connexió normal de mòbil. A partir d'aquí comença a notar-se l'abandonament, i per sobre de quatre segons marxen moltes visites abans de veure res. L'important no és la nota de l'eina, sinó aquest temps real fins que es pot llegir i prémer.

La velocitat afecta el posicionament a Google?+

Sí, però amb matisos. Google mesura l'experiència de pàgina amb les Core Web Vitals i la té en compte, sobretot per desempatar entre pàgines semblants. Ningú puja al primer lloc només per ser ràpid: la velocitat treu un fre, el contingut i l'autoritat fan la resta de la feina.

Per què al meu ordinador va ràpid i al mòbil no?+

Perquè a l'ordinador tens fibra, un processador potent i el web ja desat a la memòria del navegador. Al carrer hi ha cobertura irregular, el telèfon triga més a interpretar el codi i la pàgina es descarrega des de zero. Per això la prova s'ha de fer amb dades mòbils i en mode incògnit.

Val la pena canviar d'allotjament?+

Depèn d'on sigui el fre. Si la pàgina triga molt a donar la primera resposta, l'allotjament hi pesa i sí que compensa moure-la. Si la primera resposta és ràpida i el que triga són les imatges i els scripts, canviar de servidor no arregla res: cal tocar el web. Mesurar primer evita gastar en el que no toca.

Ho puc arreglar jo?+

La part de les imatges sí: pujar-les a la mida en què es veuen i en format WebP soluciona bona part del problema en molts webs. Treure connectors i scripts que ja no es fan servir també. El que convé no fer a cegues és instal·lar un connector d'optimització agressiu i oblidar-se'n: pot trencar la maquetació o deixar el formulari sense enviar, i això surt més car que la lentitud.

Quant costa que me'l deixeu ràpid?+

Si el web és nostre, va inclòs: l'allotjament d'alt rendiment i el manteniment estan dins dels plans des de 100 € al mes, sense permanència i amb la migració inclosa. Si el web és d'un altre i només vols l'optimització, el mirem, et diem què es pot fer sense refer-lo i es pressuposta per projecte.

Comencem?

Explica'ns què t'està frenant i et diem com ho resolem.

Una primera conversa sense compromís. En surts amb un pla clar, no amb una factura.

Comença el projecte →
En parlem