Com fer que el teu web carregui ràpid: per on començar

Gairebé tots els webs lents ho són per les mateixes quatre raons, i en el mateix ordre. Abans de canviar d'allotjament o de refer-ho tot, revisa això.

Primer: mesura bé

Obre PageSpeed Insights i mira les dades de camp, que vénen d'usuaris reals, no les de laboratori. Les tres mètriques que importen:

• LCP: quant triga a veure's l'element principal. Objectiu: menys de 2,5 s.
• CLS: quant salta la pàgina mentre carrega. Objectiu: gairebé zero.
• INP: quant triga a respondre quan toques alguna cosa.

1. Les imatges (el 80% del problema)

• Formats moderns: WebP o AVIF en lloc de JPG i PNG. Sol ser la meitat de pes amb la mateixa qualitat.
• Mida real. Si es veu a 800 px, no en pugis una de 4000.
• Sempre width i height a l'etiqueta. És el que evita que la pàgina salti mentre carrega.
• loading="lazy" a tot el que quedi per sota de la primera pantalla. I al que queda a dalt, mai.

2. Les fonts

Una tipografia que arriba tard endarrereix tot el text. Allotja les fonts al teu propi domini en lloc de portar-les d'un tercer: carreguen abans, no depenen d'un altre servidor i, de passada, deixes d'enviar la IP dels teus visitants a una altra empresa abans que acceptin res.

Precarrega només les dues que es veuen primer i fes servir font-display: swap.

3. Els scripts de tercers

Xats, mapes, píxels, bàners, ginys de ressenyes. Cadascun és una petició a un servidor que no controles i que pot trigar el que vulgui. Fes la prova: treu-los tots, mesura, i torna'ls a posar d'un en un. Gairebé sempre en sobra la meitat.

4. Memòria cau

• Del navegador: els fitxers que no canvien (CSS, JS, imatges) amb cau llarga i una versió a la URL, per poder-los actualitzar quan toqui.
• De pàgina: a WordPress, un connector de cau ben configurat és la millora més gran per menys esforç.
• CDN: serveix els fitxers des d'un servidor a prop del visitant. Cloudflare té pla gratuït i en resol molt.

I després, si cal

• Menys connectors. Cadascun afegeix CSS i JS a totes les pàgines, fins i tot on no es fa servir.
• Millor allotjament. Si el servidor triga més de 600 ms a respondre, no hi ha optimització que ho salvi.
• Menys pes total. Per sobre de 2 MB per pàgina, alguna cosa sobra.

L'error més comú

Perseguir el 100 a PageSpeed. Aquella puntuació és de laboratori: el que importa és el que experimenten els teus visitants reals, i això surt a les dades de camp. Un web amb 85 i un LCP d'1,8 s és millor que un amb 100 i dades de camp dolentes.