PageSpeed Optimizasiýasy — Säwenizi 2026-njy ýylda Has Ünjik Ediň

Tizligiň Dereje Faktory Hökümi

Google sahypa tizliginiň derejelere täsir edýändigini tassyk etdi. Giňleý işleri ulanyjylara we Google iň gowy tejribe hödürlemek isleýär. Google-dan gelen maglumatlar, ulanyjynyň çykmagyna bolup geçýän ýagdaýyň 1 sekunddan 3 sekunda geçende 32% ýokarlanýandygyny görkezipdir.

Emma bu diňe derejeler bilen baglanyşykly däl. Tizlik düýpli netijäňiz üçin hem täsir edýär:

Konversiýalar — Her goşmaça sekund, konversiýalary 7%-e çenli azaldýar
Tükenmek derejesi — Mobil ulanyjylaryň 53%-i 3 sekuntdan köpräk wagt alýan sahypany terk edýär
Ulanyjy tejribesi — Ünjik sahypalar profissional we baradaky duýgy döredýär

Esasy Web alamatlary — Googläniň Tizlik Ölçegleri

Google tizligi üç sany Esasy Web alamatlary ölçegleri arkaly ölçýär:

LCP — Ýokary Mazmuny Çydamly Çyzgy

Görünýän iň uly element (adatylykda şekil ýa-da başlyk) ýüklendigi wagtyny ölçýär.

Iň gowy: 2.5 sekuntdan aşak
Düzediş gerek: 2.5 — 4.0 sekunt
Gynjyk: 4.0 sekuntdan gowrak

INP — Işlemeleriň Next Çyzgy

Ulanyjy hereket edip (basmak, ýazmak, süýşürmek) sahypanyň näderejede çalt jogap berýärini ölçýär.

Iň gowy: 200ms aşak
Düzediş gerek: 200 — 500ms
Gynjyk: 500ms-den gowrak

CLS — Jemi Düzülüş Gazmagy

Bu ýüklendigi wagtynda düzümiň näderejede gazynýandygyny ölçýär. Seniň islegiň şeýledir — bir zady basmak isleýärsiň, ýöne wagtlaýyn mazmun hereket edýär we başga bir zada çarpýaň.

Iň gowy: 0.1 aşak
Düzediş gerek: 0.1 — 0.25
Gynjyk: 0.25-den gowrak

10 Anyk Optimizasiýa Tehnikalary

1. Şekilleri Optimizirle

Şekiller adatça iň uly peslik döredijidir. Şeýle dizaýnlar ýaly häzirki döwürdeki formatlary ulan, WebP ýa-da AVIF, bu bolsa faýl ululygyny 30-50% azaltmaga mümkinçilik berýär, gözleýän hilini ýitirmän.

Faýllary ýüklendikden öň ähli şekilleri sikmek
Diňe ilkinji ýüklenişinde görünmeýän şekillerde loading="lazy" ulanyň
CLS-den gaça durmak üçin width we height dowamly görkezmek
Çeşitli ekran ölçegleri üçin srcset bilen cevap beriji şekilleri ulanyň

2. CSS we JavaScript'i Minifirle

CSS we JS faýllaryňdan ulanylmadyk kody, boş ýerleri we teswirleri aýyr. Köplenç gurluş gurujy gurallar muny awtomatiki taýdan edýär, ýöne mülkçilikde hakykatda edilýändigini we anyk ýagdaýda aňsatlyk bilen berjaý edilýändigini üpjün et.

3. Sikma Düzümi Aktywlaşdyryň

Serveriňiziň Gzip ýa-da Brotli sikmasy bilen faýllary iberýändigine göz ýetiriň. Bu faýl ululyklaryny 70%-e çenli azaltmaga mümkinçilik berýär.

4. Brauzer Önüm Kasy

Brauzeriň statik faýllary (CSS, JS, şekiller) ýerli saklamak üçin Cache-Control başlaryny ýerleşdiriň. Ulanyjy täzeden gelen wagty, bu faýllar ýene çişirilmez.

5. Serveriň Jogap Wagy Azalt

Serveriň jogap wagty (Birinji Bayta wagt, TTFB) 200ms-den aşak bolmaly. Çözgütler:

Çalt howpsuzlyk üpjün edeniňizi görkezmek
Server tarapdaky önümleri ýeňilleşdirmek
Maglumat bankynyň soraglaryny optimizirlemek
Ulanyjynyň ýakynyndaky serverlerden statik faýllary bermek üçin CDN ulanyp

6. Kritiki Bolmaz JavaScript'i Üýtgediň

Başlangyç görnüş üçin gerek däl JavaScript "async" ýa-da "defer" bilen asynkron ýagdaýda ýüklensin. Bu adatça analitika, söhbetdeşlik widişleri we sosial ýurduň girizmelerini öz içine alýar.

7. Kritiki Resurslary Şahsy Düzümda Sukratma

Başlangyç görnüş üçin zerur bolan fontlar, CSS we şekilleri arkaly ulanyň. Bu, brauzere bu faýllara öncelik bermek üçin görkezýär.

8. Düzgün Düzüň Öçüriň

içindäki CSS we JavaScript, sahypanyň berjaý edilmegini bloklaýar. Kritik CSS üçin howanduk CSS-i aşak göçürmek we başlanýan görnüş üçin zerur CSS-i inline etmek.

9. CDN Ulanyň

Mazmun paýlaşmak boýunça Şabyt, faýllaryňyzy dünýä eýelerine paýlaýar. Ulanyjy, iň ýakyn serverden duşar bolýar, şeýlelik bilen, geçiş wagty azalmagyna ýardam edýär.

10. Web Fontlaryny Optimizirle

Sahypa ýazylmagy öz wagtynda geçiren aýratyn fontlar barlykda çümegi ýüze çykaryp biler:

font-display: swap ulanyp, ýazgy möhüri öz wagtynda özüňde berjaý edilen bir font bilen görkezilmelidir.
Öz fontlaryňyzy diňe ulanyň bolan harp maglumatlary bilen çäklendirip, ulanyň.
Barlamak üçin iň zerur fontlary öňünden saýlamaly.
Bedel meselesi üçin sistemalardan fontlary göz öňünde tutuň.

Tizligiňizi Näme Şeýle Tazalamak üçin

Google PageSpeed Insights

Google tarapyndan hödürlenýän resmi gurallar. Bu labaratoryýa maglumatlaryny (simulýasiýa) we meýilname maglumatlaryny (hakyky ulanyjylar) birnäçerini we anyk täzelenmek hödürleýär.

Chrome DevTools

DevTools-i açyň (F12), "Performans" paneline girip, sahypa ýüklenişini üns beriň. Siz wagty alýan we haýyş edilen faýllaryň näderejede güýje eýe bolýanlygyny görüp bilerňiz.

WebPageTest

dürli ýerlerden we baglanyşma tizliginden synag geçirmek mümkinçiligi berýän çylşyrymly synag gurallarynyň biridir. Çuňňur gysgalaryň diagrammasyny üpjün edýär.

Öncelik Biriş — Şeýle Başlaň

Eger üç zady kesgitlemek isleseňiz:

Şekiller — Sikmek we WebP'ye geçiriň. Iň uly täsir we az çalyşma.
Ömür Durmagyň İñ Gaty Halkasynda — Dogry Cache-Control başlaryny goýuň. Bir gezeklik düzen.
JavaScript — Baryny ýitirip goýuň. Üçünji tarap skryptlaryny azaltmak.

Sahypanyň diňe nähili işleýändigini bilmek isýärsiňizmi? Erkin audit geçirip, Esasy Web alamatlaryňyz we tizlik derejesiňizi görmek üçin birnäçe saýlaw ediň.