PageSpeed Optimizazioa — Zure Webgunea Azkarragoa 2026an

Zergatik da Abiadura Sailkapen Faktore Bat

Googlek baieztatu du orrialdearen abiadurak sailkapenetan eragina duela. Mantso dauden orrialdeek erabiltzaileen frustrazioa eragiten dute, eta Googlek esperientzia onena eskaintzeko asmoa du. Googleko datuek erakusten dute erabiltzaile bat irtetea probabilitateak %32ko igoera duela kargatzeko denbora 1 segundotik 3 segundora igotzen denean.

Baina ez da soilik sailkapenengatik. Abiadurak zuzenean eragiten du zure irabazietan:

Conversionak — Kargatzeko denbora sekunde extra bakoitzak konbertsioak %7 murrizten ditu
Bounce tasa — Mugikor erabiltzaileen %53k irteten dira 3 segundotik gorako kargatze denbora duten orrialdeetatik
Erabiltzaile esperientzia — Azkarragoak diren orrialdeek profesionaltasun eta fidagarritasun irudia ematen dute

Core Web Vitals — Googleko Abiadura Neurria

Googlek abiadura neurtzen du hiru Core Web Vitals neurri bidez:

LCP — Irudi Handiena Kargatzen

Neurtzen du irudi edo titulurik handiena (normalean irudi bat edo titulua) kargatzen amaitzen den momentua.

Oso ona: 2.5 segundotik beherako denbora
Hobekuntza behar du: 2.5 — 4.0 segundo
Berdin: 4.0 segundoetatik gorakoa

INP — Hurrengo Irudia Kargatzeko Interakzioa

Neurtzen du orrialdeak zenbat azkartasunarekin erantzuten duen erabiltzaileak interaktzioa duenean (klik egin, idatzi, irristatu).

Oso ona: 200ms-tik beherakoa
Hobekuntza behar du: 200 — 500ms
Berdin: 500ms-tik gorakoa

CLS — Kargatzean Emaitza Kumulatiboa

Neurtzen du kargatzen ari den bitartean nola aldatzen den diseinua. Sentitzen duzun hori: zerbait klikatu nahi duzu, baina bat-batean edukia mugitzen da eta beste zerbait joaten zara.

Oso ona: 0.1-tik beherakoa
Hobekuntza behar du: 0.1 — 0.25
Berdin: 0.25-tik gorakoa

10 Optimizatze Teknika Konkretu

1. Irudien Optimizazioa

Irudiak normalean arazo nagusia dira. Erabili WebP edo AVIF bezalako formatu modernoak, zeinak fitxategi tamaina %30-50 murriztu dezaketen kalitatean galera gabe.

Konprimitu irudi guztiak igo aurretik
Erabili loading="lazy" irudi ikusgarri ez direnentzat
Beti zehaztu width eta height CLS ekiditeko
Erabili irudi errespondenteak srcset bidez pantaila tamaina desberdinetarako

2. CSS eta JavaScript Minimizatzea

Kendu erabilgarri ez den kodea, espazioak eta iruzkinak zure CSS eta JS fitxategietatik. Eraikuntza tresna gehienek hori automatikoki egiten dute, baina ziurtatu benetan gertatzen dela produkzioan.

3. Konpresioa Aktibatzea

Ziurtatu zure zerbitzariak fitxategiak Gzip edo Brotli konpresioarekin bidaltzen dituela. Honek fitxategi tamainak %70 murriztu dezake.

4. Nabigatzailearen Cache-a Erabiltzea

Ezarri Cache-Control goiburuak, beraz nabigatzaileak fitxategi statikoak (CSS, JS, irudiak) tokikoak gordetzen ditu. Erabiltzaileak hurrengo aldian bisitatzean, fitxategi hauek berriro jaitsi behar ez dira.

5. Zerbitzariaren Erantzun Denbora Murriztea

Zure zerbitzariaren erantzun denbora (Time to First Byte, TTFB) 200ms-tik beherakoa izan behar du. Soluzioak:

Erabili hostingo azkar bat
Aktibatu zerbitzari mailako cache-a
Optimizatu datu-baseko galderak
Erabili CDN fitxategi statikoak erabiltzailearekiko hurbileneko zerbitzarietatik zerbitzatzeko

6. JavaScript Kritikoak Kanpo Uztea

Hasierako ikusteko beharrezko ez den JavaScript-a asinkronoki kargatu behar da async edo defer erabiliz. Honetarako tipikoki analisiak, txat widgetak, eta sare sozialen txertaketak sartzen dira.

7. Baliabide Kritikoak Aurre Kargatzea

Erabili hasierako ikusteko beharrezkoak diren fonten, CSS-ren eta irudien aurre kargatzeko. Honek nabigatzaileari fitxategi hauek lehentasuna emateko esaten dio.

8. Ekoizpen Blokeatzen Duten Baliabideak Kendu

CSS eta JavaScript -ean orrialdearen irudikapena blokeatzen dute. Kendu kritiko ez den CSS azpian, eta in-line egin hasierako ikuspegiaren (kritiko CSS) beharrezko CSSa.

9. CDN Bat Erabili

Edizioen Banaketa Sarea zure fitxategiak munduko zerbitzarietan banatzen ditu. Erabiltzaileek hurbilen dagoen zerbitzaritik jeisteko aukera dute, latentzian nabarmen murriztuz.

10. Web Fonten Optimizazioa

Pertsonalizatutako fontak testuaren erakuspena atzeratu dezakete:

Erabili font-display: swap, testua atako font batekin ikusteko pertsonalizatutako fonta kargatzen den bitartean
Emandako fontak zehaztu, erabiltzen dituzun karaktereak bakarrik
Aurre kargatu garrantzitsuena den fonta
Kontuan izan sistema fontak gorputz testuarentzat

Nola Testatu Zure Abiadura

Google PageSpeed Insights

Googleko ofizialeko tresna. Laborategiko datuak (simulatutakoak) eta errealeko erabiltzaileen datuak eskaintzen ditu, hobetzeko iradokizunen xehetasunekin.

Chrome DevTools

Ireki DevTools (F12), joan "Performance" panelera eta grabatu orrialde bat kargatzen. Zehazki ikusi dezakezu zer den denbora eskatzen duen eta zein ordenatan kargatzen diren fitxategiak.

WebPageTest

Lehen mailako probaketa tresna, lokatz desberdinetatik eta konexio abiadura desberdinetatik proben egiteko aukera ematen duena. Diagrama zehatzak eskaintzen ditu.

Lehentasuna — Hemen Has

Hiru gauza hautatu behar badituzu:

Irudiak — Konprimitu eta WebP-ra bihurtu. Ahalegin gutxieneko inpaktu handiena.
Cache-a — Ezarri Cache-Control goiburu egokiak. Behin betiko konfigurazioa.
JavaScript — Kanpo utzi dena kritikoa ez den guztia. Hirugarren aldeen script-ak murriztu.

Zure webguneak nola funtzionatzen duen jakin nahi duzu? Egin doako azterketa eta ikusi zure Core Web Vitals eta abiadura puntuazioa.