Core Web Vitals Nədir? Google Veb Performansı Bələdçisi

Core Web Vitals nədir sualının cavabı, Google-ın istifadəçi təcrübəsini ölçmək üçün istifadə etdiyi yükləmə sürəti, qarşılıqlı əlaqə və vizual sabitlik mərkəzli üç əsas performans göstəricisidir. Bu göstəricilər, səhifələrinizin yalnız sürətli deyil, həm də istifadəçi üçün funksional və tarazlı olub-olmadığını anlamağınızı təmin edir. Veb saytınızın performansını təhlil etmək, axtarış motorlarındakı yerinizi qorumaq üçün atılacaq ilk texniki addımdır.

Core Web Vitals Göstəriciləri Nələrdir?

Core Web Vitals, istifadəçilərin bir səhifəni ziyarət edərkən yaşadıqları təcrübəni rəqəmsal məlumatlara çevirən əsas meyarlardır. Bu göstəricilər, saytınızın keyfiyyətini artırmaq üçün atmanız lazım olan texniki addımları müəyyən etməyə kömək edir. Aşağıdakı cədvəl əsas göstəriciləri və ideal hədəf dəyərləri ümumiləşdirir.

Bu dəyərlər axtarış motorlarının səhifələrinizi necə qəbul etdiyinə birbaşa təsir edir. Uğurlu bir performans balı üçün bütün dəyərlərin yaşıl zonada qalması hədəflənir.

LCP (Largest Contentful Paint) Nədir?

LCP, istifadəçinin səhifəyə kliklədikdən sonra ekrandakı ən böyük şəkil və ya mətn blokunun yüklənməsi üçün keçən müddəti ifadə edir. İdeal bir istifadəçi təcrübəsi üçün bu müddətin 2,5 saniyə və ya daha qısa olması lazımdır. LCP dəyərinizi yaxşılaşdırmaq üçün bu addımları izləyə bilərsiniz:

• Səhifənizdəki ən böyük şəkil və ya mətn elementini müəyyən edib prioritetləşdirin.
• Böyük şəkillərin fayl ölçülərini optimallaşdırın və müasir formatlara çevirin.
• Səhifənin ilk yüklənməsinə mane olan lazımsız JavaScript fayllarını təxirə salın.
• Server cavab müddətini optimallaşdırmaq üçün peşəkar server optimallaşdırılması edin.
• CDN istifadəsi ilə məlumatların istifadəçiyə daha yaxın serverlərdən çatmasını təmin edin.

FID və INP Göstəricilərinin Fərqi Nədir?

FID, istifadəçinin bir düyməyə kliklədiyi an ilə brauzerin cavab verdiyi müddət arasındakı fərqi ölçürdü. Google günümüzdə bu ölçümü daha geniş əhatəli olan INP göstəricisi ilə yenilədi. INP, səhifədəki bütün qarşılıqlı əlaqələri tarayaraq daha real bir cavab müddəti təhlili təqdim edir. Qarşılıqlı əlaqə müddətini optimallaşdırmaq üçün bu üsullardan istifadə edin:

• Əsas iş axınını məşğul edən uzun kod tapşırıqlarını hissələrə bölün.
• Üçüncü tərəf skriptlərinin sayını minimuma endirərək brauzer yükünü yüngülləşdirin.
• Səhifə daxilindəki qarşılıqlı əlaqələri izləyərək cavab müddətlərini mütəmadi yoxlayın.
• Kritik olmayan JavaScript fayllarını asinxron hala gətirərək prioritet sırasını dəyişdirin.
• Lazımsız animasiya effektlərini silərək prosessor üzərindəki yükü azaldın.

CLS (Cumulative Layout Shift) Necə Ölçülür?

CLS, səhifə yüklənərkən məzmunların gözlənilmədən yer dəyişdirməsi vəziyyətini ölçən vizual sabitlik metrikidir. Məsələn, bir xəbər saytının ana səhifəsində, üst hissəyə sonradan yüklənən bir reklamın ana məzmunu 300 piksel aşağı itələməsi, CLS xalının pisləşməsinə və istifadəçinin yanlış yerə klikləməsinə səbəb olur. Vizual sabitliyi təmin etmək üçün hər zaman genişlik və hündürlük atributlarını təyin etməlisiniz.

img { height: auto; width: 100%; aspect-ratio: 16/9; }

Yuxarıdakı kod bloku, şəklin səhifə yüklənməzdən əvvəl sahəsini ayıraraq məzmun sürüşməsinin qarşısını alır. Genişliyi faizlə təyin edir və görüntü nisbətini qorumaq üçün aspect-ratio xüsusiyyətindən istifadə edir. Beləliklə, səhifə yüklənərkən mətnlərin aşağı sürüşməsinin qarşısı alınmış olur. Həmçinin forma elementləri və reklam sahələri üçün də sabit ölçülər təyin etmək, vizual sabitliyi dəstəkləyən ən effektiv üsuldur.

Saytınızdakı Core Web Vitals Dəyərləri Necə Yoxlanılır?

Saytınızın mövcud vəziyyətini öyrənmək üçün Veb Sayt Sürət Testi alətlərindən istifadə edə bilərsiniz. Alətdə sayt ünvanınızı xanaya yazdıqdan sonra ətraflı hesabat ekranına yönləndiriləcəksiniz. İnterfeysdə yer alan Səhifə Sürəti və Core Web Vitals bölməsi vasitəsilə metrikalarınızı yoxlaya və təkmilləşdirmə təkliflərini görə bilərsiniz. Hesabatda yer alan xəbərdarlıqlar, performans itkilərinin hansı fayldan qaynaqlandığını dəqiq şəkildə göstərir. Prosesi idarə etmək üçün bu yoxlama siyahısını izləyin:

• Google PageSpeed Insights hesabatını hər ay mütəmadi nəzərdən keçirin.
• Google Search Console vasitəsilə "Əsas Veb Göstəriciləri" (Core Web Vitals) sekməsini yoxlayın.
• Mobil cihazlardan saytınızı şəxsən ziyarət edərək yüklənmə anını müşahidə edin.

Core Web Vitals Optimizasiyası Necə Edilir?

Optimizasiya prosesi texniki işlərin bir kombinasiyasıdır. Aşağıdakı addımlar ümumi performansı artırmaq üçün tətbiq edilməlidir:

1. Şəkil sıxışdırma əməliyyatlarını tamamlayın və WebP kimi müasir formatlardan istifadə edin.
2. Brauzer keşləmə qaydalarını aktivləşdirərək təkrar ziyarətləri sürətləndirin.
3. İstifadə olunmayan CSS və JavaScript fayllarını saytdan silərək brauzer yükünü azaldın.
4. Mürəkkəb veb saytlar üçün peşəkar WordPress sürətin optimallaşdırılması dəstəyi alın.
5. Server cavab müddətini (TTFB) azaltmaq üçün verilənlər bazası sorğularını sadələşdirin.
6. HTTP/2 və ya HTTP/3 protokollarından istifadə edərək fayl ötürülməsini sürətləndirin.

Tez-tez Edilən Səhvlər və Həlləri

Optimizasiya zamanı ən çox rast gəlinən səhvlər adətən sadə laqeydliklərdən qaynaqlanır. Şəkil ölçülərini qeyd etməmək, brauzerin yerləşimi təxmin edə bilməməsinə səbəb olur və bu vəziyyət img etiketlərinə hündürlük əlavə edilərək həll edilməlidir. Üçüncü tərəf skriptlərini gecikdirməmək səhifə yükünü artırır; script etiketlərinə mütləq defer və ya async əlavə edilməlidir. Server cavab müddətini optimizasiya etməmək, bütün metrikaların başlanğıcda gecikməsinə səbəb olur və bu vəziyyət server tərəfində keşləmə ilə sürətlə aradan qaldırıla bilər.

Veb saytınızın performansını artırmaq, axtarış motoru görünürlüyünüzü qalıcı şəkildə gücləndirir. Texniki infrastrukturunuzu gücləndirmək və Core Web Vitals təkmilləşdirmələri etmək üçün bizimlə əlaqə saxlayın.