PageSpeed Hagræðing — Gerðu Vefsíðuna Þína Fljótari árið 2026

Af hverju hraði er staðsetningaraðferð

Google hefur staðfest að hraði síðunnar hafi áhrif á stöðuna. Halar síður pirra notendur, og Google vill veita bestu upplifunina. Gögn frá Google sýna að líkur á notanda að yfirgefa síðuna fjölgar um 32% þegar hleðslutími fer úr 1 í 3 sekúndur.

En þetta snýst ekki bara um stöður. Hraði hefur beinan áhrif á hagnaðinn:

Umbætur — Hver auka sekúnda í hleðslutíma minnkar umbætur um allt að 7%
Hopp hraði — 53% af farsímnotendum yfirgefa síðu sem tekur meira en 3 sekúndur að hlaða
Notendaupplifun — Fljótari síður virðast faglegar og áreiðanlegar

Kjarnanet mætur — Hraðamælingar Google

Google mælir hraða í gegnum þrjár kjarnanet mætingar:

LCP — Stærsta sýnilega myndin

Mælir hvenær stærsta sýnilega frumefnið (venjulega mynd eða fyrirsagnir) klárar hleðslu.

Gott: Fyrir neðan 2.5 sekúndur
Þarf að bæta: 2.5 — 4.0 sekúndur
Vont: Yfir 4.0 sekúndur

INP — Viðbrögð við næstu málingu

Mælir hversu hratt síðunni svarar þegar notandinn hefur samskipti (smellir, skrifar, skrollar).

Gott: Fyrir neðan 200ms
Þarf að bæta: 200 — 500ms
Vont: Yfir 500ms

CLS — Samtaldar skiptingar í skipulagi

Mælir hversu mikið skipulag breytist við hleðslu. Þú veist hvernig það er — þú vilt smella á eitthvað, en skyndilega hreyfist efnið og þú smellir á eitthvað annað.

Gott: Fyrir neðan 0.1
Þarf að bæta: 0.1 — 0.25
Vont: Yfir 0.25

10 Skýr hagræðingartips

1. Hagræðið myndir

Myndir eru venjulega stærsti syndari. Notið nútímalegar snið eins og WebP eða AVIF, sem geta minnkað skráarstærð um 30-50% án þess að sjónræn gæði tapist.

Þjöppið öllum myndum áður en þær eru hlaðanar
Notið loading="lazy" á myndum sem ekki eru sýnilegar við fyrstu hleðslu
Gakktu alltaf úr skugga um width og height til að forðast CLS
Notið viðkvæmar myndir með srcset fyrir mismunandi skjástærðir

2. Minnkaðu CSS og JavaScript

Fjarlægið ónotaðan kóð, tómar línur og athugasemdir úr CSS og JS skrám þínum. Flest byggingartól gera þetta sjálfkrafa, en staðfestu að það sé raunin í framleiðslu.

3. Virkjaðu þjöppun

Gakktu úr skugga um að þjónninn þinn sendi skrár með Gzip eða Brotli þjöppun. Þetta getur minnkað skráarstærðir um allt að 70%.

4. Notið vafra minni

Stillið Cache-Control fyrirmæli svo vafrinn geymi stöðugar skrár (CSS, JS, myndir) staðbundið. Næst þegar notandinn heimsækir, þarfnast þessar skrár ekki að hlaða aftur.

5. Minnkaðu svörunartíma þjóns

Svörunartími þjónsins þíns (Time to First Byte, TTFB) ætti að vera undir 200ms. Lausnir:

Notið hraðan hýsingu
Virkið þjónustuhlið
Hagræðið gagnagrunna fyrirspurnum
Notið CDN til að þjónusta stöðugar skrár frá þjónustum sem eru nálægt notandanum

6. Frestawista ekki-í því efni JavaScript

JavaScript sem ekki er nauðsynleg fyrir fyrstu sýn ætti að hlaða asynkrónískt með async eða defer. Þetta felur venjulega í sér greiningar, spjallforrit og samfélagsmiðlamyndir.

7. Preloadið mikilvæg fyrirtæki

Notið fyrir letur, CSS, og myndir sem nauðsynlegar eru fyrir fyrstu sýn. Þetta segir vafrinu að forgangsraða þessum skrám.

8. Fjarlægja útfæranlegar skrár

CSS og JavaScript í hindra rendering síðunnar. Flytjið ekki-kritískt CSS neðst, og inline-ið CSS sem þarf fyrir fyrstu sýn (kritískt CSS).

9. Notið CDN

Innihalds dreifinganet (CDN) dreifir skrám þínum á þjónustustöðum um allan heim. Notendur hala niður frá næsta þjónustustað, sem dregur verulega úr biðtíma.

10. Hagræðið vefletur

Sérsniðin letur geta seinkað texta birtingu:

Notið font-display: swap svo texti sé sýndur með varaletri meðan sérsniðna letrið hlaðast
Skera letrið niður í aðeins þá stafina sem þú notar
Preloadið mikilvægustu letrin
Íhugaðu kerfislötr fyrir megin texta

Hvernig á að prófa hraðann þinn

Google PageSpeed Insights

Opinber tól frá Google. veitir þér bæði gögn úr rannsóknarstofu (simulerað) og eigin upplýsingar (raunverulegir notendur) ásamt skýrum umbóta tillögum.

Chrome DevTools

Opnaðu DevTools (F12), farðu í "Performance" panelinn og skráðu hleðslu síðunnar. Þú getur séð nákvæmlega hvað tekur tíma og í hvaða röð skrár hlaðast.

WebPageTest

Aðferð til að prófa sem leyfir þér að prófa frá mismunandi stöðum og tengingum hraða. Veitir dýrmætir fallvatnsgagnateikningar.

Forgangsröð — Byrjaðu hér

Ef þú þarft að velja þrjú atriði til að einbeita þér að:

Myndir — Þjöppaðu og breyttu í WebP. Stærsti áhrifin með minnsta fyrirhöfn.
Vafran minni — Stilltu rétt Cache-Control fyrirmæli. Eitt sinni uppsetning.
JavaScript — Frestawista öllu sem ekki er kritískt. Dregið úr skriftum þriðja aðila.

Viltu vita nákvæmlega hvernig síða þín virkar? Runaðu ókeypis úttekt og sjáðu kjarnanet mætur þínar og hraðaskor.