PageSpeed optimizavimas — Padarykite savo svetainę greitesnę 2026 m.

Kodėl greitis yra reitingavimo veiksnys

„Google“ patvirtino, kad puslapio greitis turi įtakos reitingams. Lėti puslapiai frustruoja vartotojus, o „Google“ nori suteikti geriausią patirtį. Duomenys iš „Google“ rodo, kad vartotojo išėjimo tikimybė padidėja 32%, kai įkrovimo laikas padidėja nuo 1 iki 3 sekundžių.

Bet tai ne tik apie reitingus. Greitis tiesiogiai veikia jūsų finansinius rezultatus:

Konversijos — Kiekviena papildoma įkrovimo sekunde sumažina konversijas iki 7%
Atmetimo rodiklis — 53% mobiliųjų vartotojų palieka puslapį, kuris įkraunamas ilgiau nei 3 sekundes
Vartotojo patirtis — Greiti puslapiai suteikia profesionalumo ir patikimumo jausmą

Pagrindiniai svetainių rodikliai — „Google“ greičio metrikos

„Google“ matuoja greitį per tris pagrindinius svetainių rodiklius:

LCP — Didžiausio turinio įkrovimas

Matuoja, kada didžiausias matomas elementas (paprastai tai yra paveikslėlis arba antraštė) baigia įkrauti.

Gerai: iki 2,5 sekundės
Reikia patobulinimų: 2,5 — 4,0 sekundės
Prastas: virš 4,0 sekundžių

INP — Interakcija su kitu įkrovimu

Matuoja, kaip greitai puslapis reaguoja, kai vartotojas sąveikauja (paspaudžia, rašo, skrollina).

Gerai: iki 200ms
Reikia patobulinimų: 200 — 500ms
Prastas: virš 500ms

CLS — Kumulatyvus išdėstymo pokytis

Matuoja, kiek daug išdėstymas keičiasi įkrovimo metu. Jūs žinote tą jausmą — norite paspausti kažką, bet staiga turinys juda ir jūs paspaudžiate kažką kitą.

Gerai: iki 0.1
Reikia patobulinimų: 0.1 — 0.25
Prastas: virš 0.25

10 konkrečių optimizavimo patarimų

1. Optimizuokite paveikslėlius

Paveikslėliai paprastai yra didžiausias problemų šaltinis. Naudokite modernius formatus, tokius kaip WebP arba AVIF, kurie gali sumažinti failo dydį 30-50% be matomo kokybės praradimo.

Suspauskite visus paveikslėlius prieš įkeliant
Naudokite loading="lazy" ant paveikslėlių, kurie nepasirodo pradiniame įkrovime
Visada nurodykite width ir height, kad išvengtumėte CLS
Naudokite reaguojančius paveikslėlius su srcset, kad pritaikytumėte skirtingoms ekranų dydžiams

2. Minifikuokite CSS ir JavaScript

Pašalinkite nenaudojamą kodą, tuštumą ir komentarus iš savo CSS ir JS failų. Dauguma statybos įrankių tai atlieka automatiškai, bet patikrinkite, ar tai tikrai vyksta gamyboje.

3. Įgalinkite suspaudimą

Įsitikinkite, kad jūsų serveris siunčia failus su Gzip arba Brotli suspaudimu. Tai gali sumažinti failų dydžius iki 70%.

4. Naudokite naršyklės talpyklą

Nustatykite Cache-Control antraštes, kad naršyklė lokalizuotų statinius failus (CSS, JS, paveikslėlius). Kitą kartą, kai vartotojas apsilankys, šie failai nebeskonvertuojami.

5. Sumažinkite serverio atsakymo laiką

Jūsų serverio atsakymo laikas (Time to First Byte, TTFB) turėtų būti mažesnis nei 200ms. Sprendimai:

Naudokite greitą prieglobą
Įgalinkite serverio pusės talpyklą
Optimizuokite duomenų bazės užklausas
Naudokite CDN, kad pateiktumėte statinius failus iš serverių, esančių arčiau vartotojo

6. Atidėkite ne kritinį JavaScript

JavaScript, kuris nėra reikalingas pradiniam peržiūrai, turėtų būti įkraunamas asynchroniškai su async arba defer. Tai paprastai apima analitiką, pokalbių widgetus ir socialinės žiniasklaidos įdėjimus.

7. Iš anksto įkelkite kritinius išteklius

Naudokite šriftams, CSS ir paveikslėliams, reikalingiems pradiniam vaizdui. Tai pasako naršyklei, kad reikėtų suteikti šiems failams prioriteto.

8. Pašalinkite renderinimą blokuojančius išteklius

CSS ir JavaScript elementai blokuoja puslapio renderinimą. Perkelkite ne kritinį CSS į apačią ir inline kritinį CSS, reikalingą pradiniam vaizdui.

9. Naudokite CDN

Turinio pristatymo tinklas (CDN) išskirsto jūsų failus serveriuose visame pasaulyje. Vartotojai atsisiunčia iš artimiausio serverio, ženkliai sumažindami delsą.

10. Optimizuokite internetinius šriftus

Individualūs šriftai gali atidėti teksto rodymą:

Naudokite font-display: swap, kad tekstas būtų rodomas su atsarginiu šriftu kol individualus šriftas užsikraus
Išimkite tik tuos simbolius, kurie naudojami
Iš anksto įkelkite svarbiausius šriftus
Apsvarstykite sisteminius šriftus kūno tekstui

Kaip išbandyti savo greitį

„Google PageSpeed Insights“

Oficialus „Google“ įrankis. Duoda tiek laboratorinius duomenis (simuliuojamus), tiek laukinius duomenis (tikri vartotojai) kartu su konkrečiais patobulinimų pasiūlymais.

„Chrome DevTools“

Atidarykite DevTools (F12), eikite į „Performance“ panelę ir užfiksuokite puslapio įkrovimą. Galite tiksliai pamatyti, kas užima daugiausiai laiko ir kokia tvarka failai įkraunami.

WebPageTest

Išplėstinis testavimo įrankis, leidžiantis išbandyti iš skirtingų vietų ir ryšio greičių. Teikia detalius krioklio diagramas.

Prioritetai — Pradėkite čia

Jei turite pasirinkti tris dalykus, į kuriuos koncentruotis:

Paveikslėliai — Suspauskite ir konvertuokite į WebP. Didžiausias poveikis su mažiausiai pastangų.
Talpykla — Nustatykite teisingas Cache-Control antraštes. Vykdyti vieną kartą.
JavaScript — Atidėkite viską, kas nėra kritiška. Sumažinkite trečiųjų šalių skriptus.

Norite sužinoti, kaip jūsų svetainė veikia? Atlikite nemokamą auditą ir peržiūrėkite savo pagrindinius svetainių rodiklius ir greičio balą.