Blog La teva web · · 4 MIN
La teva web va lenta al mòbil: què significa el vermell de Google i què s'arregla de veritat
A l'ordinador de l'oficina va bé. Al mòbil del teu client, al tren, triga una eternitat. Què mesura Google, què sol haver-hi al darrere i què no s'arregla amb un pedaç.
Obres la teva web a l'ordinador de l'oficina, amb fibra, i va com un coet. El teu client l'obre al mòbil, a l'andana, amb dues ratlletes de cobertura. Pantalla en blanc. Un segon. Dos. Tres. Ja se n'ha anat a la de la competència.
Una web lenta al mòbil no dona error. No avisa. Simplement perd gent en silenci.
Per què la meva web va lenta al mòbil i a l'ordinador no?
Perquè el mòbil té menys potència i pitjor connexió, i la teva web li envia el mateix que a l'ordinador. Les mateixes fotos enormes, els mateixos scripts, el mateix carrusel que ningú no mira. L'ordinador ho digereix. El mòbil s'ennuega.
Què és això del vermell de Google
Si has passat la teva web per PageSpeed Insights hauràs vist unes sigles en vermell o en verd. Són les Core Web Vitals, i mesuren tres coses que qualsevol entén:
- Quant triga a veure's el principal. La foto gran o el titular de dalt.
- Quant triga a reaccionar quan toques alguna cosa. Piques el botó i… res. Tornes a picar.
- Si la pàgina es mou mentre carrega. Vas a tocar «Reservar» i en l'últim moment baixa el botó i toques un anunci.
No cal obsessionar-se amb la nota. El que importa és el que nota la persona que entra.
Els culpables de sempre
Fotos sense preparar
La foto de capçalera, tal com va sortir de la càmera. Diversos megues per veure's en una pantalla de sis polzades. És el més habitual i el més fàcil d'arreglar.
Coses de més
El xat que ningú no fa servir, tres eines d'analítica, el vídeo de fons, les fonts en sis gruixos. Cadascuna pesa poc. Totes juntes pesen molt.
Una web que fa massa per darrere
Quan una web està muntada a base de peces que no es coneixen entre elles, cada pàgina carrega codi que no necessita. És el cas típic de les webs amb molts connectors: vint funcions adormides que es carreguen igualment.
Un servidor just
Si el servidor triga a respondre, tant és com de lleugera sigui la pàgina. Comença tard.
Els pedaços i el que funciona
Un connector de memòria cau damunt d'una web pesada millora la nota. De vegades. Fins que alguna cosa es trenca i ningú no sap si és la memòria cau.
El que funciona és que la web carregui només el que cal des del principi. Per això les webs que fem a mida amb Laravel es mesuren abans de lliurar-se: imatges en el seu format i la seva mida, cap funció adormida i les Core Web Vitals en verd. Si alguna cosa surt en vermell, no es lliura.
Si la teva web és a WordPress i la lentitud ve dels connectors, de vegades el més barat és sortir-ne. T'ho expliquem a sortir de WordPress sense perdre Google.
P. D. Una web corporativa ràpida al mòbil des del primer dia, gratis amb el pla Cuida (59 €/mes).
Quant triga la teva web al mòbil del teu client?
Te la mesurem al diagnòstic i et diem què la frena. Gratis i en 48 h.