Optimització de PageSpeed — Feu el vostre lloc web més ràpid el 2026

Per què la velocitat és un factor de classificació

Google ha confirmat que la velocitat de la pàgina afecta les classificacions. Les pàgines lentes frustren els usuaris, i Google vol oferir la millor experiència. Les dades de Google mostren que la probabilitat d’un usuari de marxar augmenta un 32% quan el temps de càrrega passa d’1 a 3 segons.

Però no es tracta només de clasificar. La velocitat afecta directament el vostre resultat:

Conversions — Cada segon extra de temps de càrrega redueix les conversions fins a un 7%
Taxa de rebot — El 53% dels usuaris mòbils abandonen una pàgina que triga més de 3 segons a carregar
Experiència de l’usuari — Les pàgines ràpides semblen professionals i dignes de confiança

Core Web Vitals — Metriques de velocitat de Google

Google mesura la velocitat mitjançant tres mètriques de Core Web Vitals:

LCP — Largest Contentful Paint

Mesura quan l'element visible més gran (típicament una imatge o un títol) ha acabat de carregar.

Bé: Menys de 2,5 segons
Necessita millora: 2,5 — 4,0 segons
Pobre: Més de 4,0 segons

INP — Interaction to Next Paint

Mesura quina és la velocitat de resposta de la pàgina quan l'usuari interactua (feu clic, escriviu, desplaceu-vos).

Bé: Menys de 200ms
Necessita millora: 200 — 500ms
Pobre: Més de 500ms

CLS — Cumulative Layout Shift

Mesura quant es desvia el disseny durant la càrrega. Coneixeu la sensació: voleu fer clic en alguna cosa, però de sobte el contingut es mou i xocar amb una altra cosa.

Bé: Menys de 0,1
Necessita millora: 0,1 — 0,25
Pobre: Més de 0,25

10 Consells d'Optimització Concrets

1. Optimitzeu les Imatges

Les imatges solen ser les més problemàtiques. Utilitzeu formats moderns com WebP o AVIF, que poden reduir la mida del fitxer entre un 30-50% sense pèrdua visible de qualitat.

Comprimiu totes les imatges abans de pujar-les
Utilitzeu loading="lazy" en les imatges no visibles en la càrrega inicial
Especifiqueu sempre width i height per evitar CLS
Utilitzeu imatges responsives amb srcset per a diferents mides de pantalla

2. Minifiqueu CSS i JavaScript

Elimineu codi no utilitzat, espais en blanc i comentaris dels vostres fitxers CSS i JS. La majoria d'eines de construcció ho fan automàticament, però verifiqueu que realment passin en producció.

3. Activeu la Compressió

Assegureu-vos que el vostre servidor enviï fitxers amb compressió Gzip o Brotli. Això pot reduir les mides dels fitxers fins a un 70%.

4. Utilitzeu la Caching del Navegador

Establiu capçaleres Cache-Control perquè el navegador emmagatzemi fitxers estàtics (CSS, JS, imatges) localment. La propera vegada que l'usuari visiti, aquests fitxers no necessitaran ser descarregats de nou.

5. Reduïu el Temps de Resposta del Servidor

El temps de resposta del vostre servidor (Temps fins al Primer Byte, TTFB) ha de ser inferior a 200ms. Solucions:

Utilitzeu un proveïdor d'allotjament ràpid
Activeu la memòria cau del costat del servidor
Optimitzeu les consultes de la base de dades
Utilitzeu una CDN per servir fitxers estàtics des de servidors propers a l'usuari

6. Deixeu Carregar JavaScript No Crític

El JavaScript que no és necessari per a la vista inicial hauria de carregar-se de manera asíncrona amb async o defer. Això inclou normalment analítiques, widgets de xat i integracions de mitjans socials.

7. Precarregueu Recursos Crítics

Utilitzeu per a les fonts, CSS i imatges necessàries per a la vista inicial. Això indica al navegador que prioritzi aquests fitxers.

8. Elimineu Recursos que Bloquegen el Renderitzat

El CSS i el JavaScript dins del bloquegen el renderitzat de la pàgina. Moureu el CSS no crític a la part inferior i inlined el CSS necessari per a la vista inicial (CSS crític).

9. Utilitzeu una CDN

Una Xarxa de Distribució de Contingut distribueix els vostres fitxers en servidors de tot el món. Els usuaris descarreguen des del servidor més proper, reduint significativament la latència.

10. Optimitzeu les Fonts Web

Les fonts personalitzades poden retardar la visualització del text:

Utilitzeu font-display: swap perquè el text es mostri amb una font de fallback mentre es carrega la font personalitzada
Subconjuntem les vostres fonts només als caràcters que utilitzeu
Precarregueu les fonts més importants
Considereu fonts de sistema per al text del cos

Com Provar la Vostra Velocitat

Google PageSpeed Insights

L'eina oficial de Google. Us ofereix tant dades de laboratori (simulades) com dades de camp (usuaris reals) juntament amb suggeriments concrets de millora.

Chrome DevTools

Obriu DevTools (F12), aneu al panell "Performance" i gravar una càrrega de pàgina. Podeu veure exactament què triga temps i en quin ordre es carreguen els fitxers.

WebPageTest

Una eina de test avançada que us permet provar des de diferents ubicacions i velocitats de connexió. Proporciona diagrames de cascada detallats.

Priorització — Comenceu Aquí

Si heu de triar tres coses a les quals centrar-vos:

Imatges — Comprimeu i convertiu a WebP. Més impacte amb menys esforç.
Caching — Establiu les capçaleres Cache-Control correctes. Configuració única.
JavaScript — Deixeu carregar tot el que no sigui crític. Reduïu els scripts de tercers.

Voleu saber exactament com funciona el vostre lloc? Realitzeu una auditoria gratuïta i veureu els vostres Core Web Vitals i la puntuació de velocitat.