Veb saytın performansı təkcə səhifənin nə qədər tez yüklənməsi ilə bağlı deyil. Məzmununuz bir neçə saniyə ərzində görünsə belə, düymələrin gec reaksiya verməsi və ya gözlənilməz tərtibat sürüşmələri ziyarətçiləri əsəbiləşdirə və onların təcrübəsinə mənfi təsir göstərə bilər. Bəs veb saytınızın yaxşı işləyib-işləmədiyini necə müəyyən edə bilərsiniz? Core Web Vitals Google-un yükləmə sürətini, interaktivliyi və vizual sabitliyi ölçən əsas performans göstəriciləridir. Bu bələdçidə üç Core Web Vitals göstəricisi, onların tövsiyə olunan hədd dəyərləri, eləcə də veb saytınızın performansını ölçmək və yaxşılaşdırmaq üçün istifadə edə biləcəyiniz alətlər haqqında öyrənəcəksiniz.
Core Web Vitals nədir?
Core Web Vitals veb saytda istifadəçi təcrübəsinin vacib aspektlərini ölçmək üçün Google tərəfindən təqdim edilmiş performans göstəriciləri toplusudur. Bu göstəricilər üç əsas amilə fokuslanır: yükləmə performansı, interaktivlik və vizual sabitlik. Başqa sözlə, onlar sayt sahiblərinə səhifənin nə qədər tez yükləndiyini, istifadəçilərin onunla nə qədər rahat qarşılıqlı əlaqə qura bildiyini və yükləmə zamanı məzmunun sabit qalıb-qalmadığını anlamağa kömək edir.
Veb saytın performansı təkcə səhifənin nə qədər tez açılması deyil. Sayt məzmununu qısa müddətdə yükləyə bilər, lakin istifadəçilər düyməyə klikləmək üçün gözləməli olursa və ya səhifənin tərtibatı gözlənilmədən dəyişirsə, ümumi təcrübə yenə də zəif ola bilər. Core Web Vitals bu problemləri müəyyən etməyə kömək edir və veb saytın performansını yaxşılaşdırmaq üçün ölçülə bilən hədəflər təqdim edir.
Google hazırda üç Core Web Vitals göstəricisindən istifadə edir: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) və Cumulative Layout Shift (CLS). Hər göstərici istifadəçi təcrübəsinin fərqli bir hissəsini ölçür, buna görə də onlardan birinin yaxşılaşması digər ikisinin də mütləq yaxşılaşacağı anlamına gəlmir.
Core Web Vitals niyə vacibdir?
Veb sayt ziyarətçilərinə rahat və etibarlı təcrübə təqdim etməlidir. Səhifə çox gec yükləndikdə istifadəçilər ehtiyac duyduqları məlumata çatmadan saytı tərk edə bilərlər. Eyni şəkildə, düymələr gec reaksiya verirsə və ya səhifə elementləri gözlənilmədən yerini dəyişirsə, ziyarətçilər əsəbiləşə və tapşırıqlarını yerinə yetirməkdə çətinlik çəkə bilərlər.
Core Web Vitals sayt sahiblərinə bu problemləri yalnız şəxsi təəssüratlara deyil, ölçülə bilən performans məlumatlarına əsaslanaraq müəyyən etməyə kömək edir. Məsələn, tərtibatçı saytı güclü kompüterdə sınaqdan keçirə və onun tez yükləndiyini görə bilər. Lakin köhnə mobil cihazlardan və ya daha yavaş internet bağlantılarından istifadə edən ziyarətçilər xeyli uzun yükləmə müddəti ilə qarşılaşa bilərlər.
Bu fərqlər performans monitorinqini vacib edir. Core Web Vitals məlumatlarını təhlil etməklə tərtibatçılar saytın hansı hissələrinin təkmilləşdirilməli olduğunu müəyyən edə və optimallaşdırma səylərinin gözlənilən nəticəni verib-vermədiyini yoxlaya bilərlər.
Core Web Vitals axtarış sistemləri üçün optimallaşdırma (SEO) baxımından da əhəmiyyətlidir. Google sıralama sistemlərində səhifə təcrübəsi siqnallarından istifadə edir, lakin yaxşı Core Web Vitals göstəriciləri daha yüksək sıralamaya zəmanət vermir. Uyğun məzmun və bir çox digər amillər vacib olaraq qalır. Buna görə də bu göstəricilərin yaxşılaşdırılması faydalı, əlçatan və etibarlı veb sayt qurmağa yönəlmiş daha geniş strategiyanın bir hissəsi kimi qəbul edilməlidir.
Üç Core Web Vitals göstəricisi hansılardır?
Hər bir Core Web Vitals göstəricisi veb sayt performansının müəyyən bir aspektinə fokuslanır. Onların necə işlədiyini başa düşmək performans problemlərini müəyyən etməyi və düzgün optimallaşdırma üsullarını seçməyi asanlaşdırır.
Largest Contentful Paint (LCP) nədir?
Largest Contentful Paint (LCP) ilkin görünüş sahəsində görünən ən böyük şəklin və ya mətn blokunun ekrana çıxması üçün tələb olunan müddəti ölçür. Bu göstərici səhifənin əsas məzmununun istifadəçiyə nə vaxt göründüyünü qiymətləndirməyə kömək edir.
Məsələn, təsəvvür edin ki, ziyarətçi bloq məqaləsini açır. Səhifənin fonu və naviqasiya menyusu demək olar ki, dərhal görünə bilər, lakin əsas başlıq və ya önə çıxarılmış şəklin yüklənməsi bir neçə saniyə çəkə bilər. Bu halda ziyarətçi səhifənin bəzi elementləri artıq görünsə də, onun hələ yükləndiyini hiss edə bilər. Yaxşı LCP göstəricisi 2,5 saniyə və ya daha az olmalıdır. Dəyər 2,5 ilə 4 saniyə arasındadırsa, səhifə təkmilləşdirilməlidir. 4 saniyədən çox olan LCP dəyəri zəif hesab olunur.
LCP-yə bir sıra amillər təsir edə bilər: serverin gec cavab verməsi, böyük həcmli şəkillər, renderi bloklayan CSS və JavaScript, həmçinin əsas məzmunun aşkarlanmasında yaranan gecikmələr.
LCP-ni yaxşılaşdırmaq üçün sayt sahibləri aşağıdakı addımları ata bilərlər:
- Şəkilləri optimallaşdırın: Şəkil fayllarının ölçüsünü kiçildin və uyğun olduqda WebP və ya AVIF kimi müasir formatlardan istifadə edin.
- Serverin cavab müddətini yaxşılaşdırın: Sayt üçün uyğun olduqda səmərəli hostinq resurslarından, keşləmədən və məzmun çatdırılma şəbəkəsindən (CDN) istifadə edin.
- Əsas məzmuna üstünlük verin: Brauzerin vacib şəkilləri birbaşa HTML mənbəyindən aşkarlaya bildiyinə əmin olun və lazım gəldikdə onların yüklənməsinə prioritet verin.
- Renderi bloklayan resursları azaldın: Brauzerin əsas məzmunu göstərməsinə mane olan CSS və JavaScript fayllarını optimallaşdırın.
- LCP şəklinə lazy loading tətbiq etməyin: Əgər şəklin LCP elementi olma ehtimalı yüksəkdirsə, onun yüklənməsini təxirə salmaq səhifənin daha yavaş görünməsinə səbəb ola bilər.
Bu üsullar istifadəçilərin əsas məzmunun görünməsini gözləmə müddətini azalda bilər. Lakin ən effektiv həll gecikmənin səbəbindən asılıdır, buna görə də dəyişiklik etməzdən əvvəl səhifəni ölçmək vacibdir.
Interaction to Next Paint (INP) nədir?
Interaction to Next Paint (INP) istifadəçilər veb saytla qarşılıqlı əlaqə qurduqda saytın nə qədər çevik reaksiya verdiyini ölçür. O, düyməyə klikləmək və ya klaviş basmaq kimi istifadəçi əməliyyatı ilə brauzerin göstərdiyi növbəti vizual yenilənmə arasındakı gecikməni qiymətləndirir.
Ziyarətçinin Səbətə əlavə et düyməsinə kliklədiyi onlayn mağazanı nəzərdən keçirək. Əgər brauzerin səbəti yeniləməsi hiss olunacaq qədər vaxt aparırsa, ziyarətçi düymənin işləmədiyini düşünüb onu yenidən klikləyə bilər. Bu, çaşqınlıq yarada və hətta əməliyyatların təkrarlanmasına səbəb ola bilər.
INP istifadəçinin ziyarəti boyunca səhifənin reaksiya sürətini ölçməklə bu cür problemləri müəyyən etməyə kömək edir. Yalnız brauzerin ilk qarşılıqlı əlaqəni emal etməyə başlamazdan əvvəlki gecikməni ölçən First Input Delay (FID) göstəricisindən fərqli olaraq, INP səhifənin bütün ömrü boyunca qarşılıqlı əlaqə təcrübəsini daha geniş şəkildə nəzərə alır. Yaxşı INP göstəricisi 200 millisaniyə və ya daha azdır. 200 millisaniyədən çox və 500 millisaniyəyə qədər olan dəyərlər təkmilləşdirilməlidir, 500 millisaniyədən yuxarı dəyərlər isə zəif hesab olunur.
JavaScript zəif INP-nin geniş yayılmış səbəbidir, çünki brauzer istifadəçinin əməliyyatına cavab verib yenilənməni göstərməzdən əvvəl skriptləri icra etməli ola bilər. Uzun sürən tapşırıqlar brauzerin qarşılıqlı əlaqələri vaxtında emal etməsinə mane ola bilər.
INP-ni yaxşılaşdırmaq üçün tərtibatçılar bir neçə üsuldan istifadə edə bilərlər:
- Lazımsız JavaScript-i azaldın: İstifadə olunmayan kodu silin və cari səhifə üçün lazım olmayan skriptləri yükləməyin.
- Uzun tapşırıqları hissələrə bölün: Böyük JavaScript tapşırıqlarını kiçik hissələrə ayırın ki, brauzerin istifadəçi əməliyyatlarını emal etmək üçün daha çox imkanı olsun.
- Hadisə işləyicilərini optimallaşdırın: Qarşılıqlı əlaqə ilə bağlı funksiyaları mümkün qədər sadə və səmərəli saxlayın.
- Lazımsız DOM yenilənmələrindən çəkinin: Eyni anda çoxlu elementin yenilənməsi render müddətini artıra və növbəti vizual yenilənməni gecikdirə bilər.
- Üçüncü tərəf skriptlərini azaldın: Analitika alətləri, reklam skriptləri və yerləşdirilmiş xidmətlər emal resurslarını sərf edərək reaksiya sürətinə təsir göstərə bilər.
INP-nin yaxşılaşdırılması JavaScript fayllarının ümumi həcmini azaltmaqdan daha çoxunu tələb edir. Tərtibatçılar həmçinin skriptlərin nə vaxt icra olunduğunu və qarşılıqlı əlaqədən sonra brauzerin nə qədər iş görməli olduğunu başa düşməlidirlər.
Cumulative Layout Shift (CLS) nədir?
Cumulative Layout Shift (CLS) veb səhifənin vizual sabitliyini ölçür. O, səhifə göstərilərkən görünən elementlərin mövqeyində baş verən gözlənilməz dəyişikliklərə fokuslanır.
Məsələn, təsəvvür edin ki, ziyarətçi məqalə oxuyur və birdən mətnin yuxarıda reklam peyda olduğu üçün aşağı sürüşdüyünü görür. Əgər ziyarətçi həmin anda linkə klikləmək üzrə idisə, bu gözlənilməz hərəkət onun başqa bir elementə klikləməsinə səbəb ola bilər. Bu cür tərtibat dəyişiklikləri, xüsusilə görünən sahənin məhdud olduğu mobil cihazlarda saytdan istifadəni çətinləşdirə bilər. Yaxşı CLS göstəricisi 0,1 və ya daha azdır. 0,1-dən çox və 0,25-ə qədər olan göstəricilər təkmilləşdirilməlidir, 0,25-dən yuxarı göstəricilər isə zəif hesab olunur.
Gözlənilməz tərtibat sürüşmələrinə bir neçə geniş yayılmış problem səbəb ola bilər. Ölçüləri təyin edilməmiş şəkillər, dinamik şəkildə əlavə olunan reklamlar, gec yüklənən məzmun və mətnin görünüşünü dəyişən veb şriftlər vizual sabitliyə təsir göstərə bilər.
Aşağıdakı üsullar CLS-i yaxşılaşdırmağa kömək edə bilər:
- Şəkil ölçülərini təyin edin: Şəkil yüklənməzdən əvvəl lazımi sahəni ayırmaq üçün şəkillərin enini və hündürlüyünü göstərin və ya CSS aspect ratio-dan istifadə edin.
- Reklamlar üçün yer ayırın: Reklamlar göründükdə ətrafdakı məzmunun yerindən oynamaması üçün reklam konteynerlərinə kifayət qədər sahə ayırın.
- Mövcud məzmunun üstünə yeni məzmun əlavə etməyin: Yeni elementlər göstərilməlidirsə, onları istifadəçilərin artıq baxdığı məzmunu gözlənilmədən yerindən tərpətməyəcək yerdə yerləşdirin.
- Şriftlərin yüklənməsini optimallaşdırın: Mətn tərtibatındakı gözlənilməz dəyişiklikləri azaltmaq üçün uyğun şrift yükləmə strategiyalarından və ehtiyat şriftlərdən istifadə edin.
- Uyğun CSS animasiyalarından istifadə edin: Mümkün olduqda tərtibat dəyişikliklərinə səbəb olan xüsusiyyətlər əvəzinə transform və opacity kimi xüsusiyyətlərə əsaslanan animasiyalara üstünlük verin.
Nəzərə almaq vacibdir ki, hər tərtibat sürüşməsi zərərli deyil. Birbaşa istifadəçi əməliyyatına cavab olaraq baş verən dəyişiklik gözlənilən ola bilər. CLS gözlənilməz vizual qeyri-sabitliyə fokuslanır və tərtibat sürüşməsinin təsirinə və məsafəsinə əsaslanan qiymətləndirmə metodundan istifadə edir.
Tövsiyə olunan Core Web Vitals hədd dəyərləri hansılardır?
Google sayt sahiblərinin səhifələrinin yaxşı istifadəçi təcrübəsi təqdim edib-etmədiyini müəyyən etməsinə kömək etmək üçün konkret hədd dəyərləri müəyyənləşdirib. Bu hədlər performansı üç kateqoriyaya bölür: yaxşı, təkmilləşdirilməlidir və zəif.
Bu hədd dəyərləri tərtibatçılara hər göstəricini ayrıca qiymətləndirməyə kömək edir. Lakin bir dəfəlik test veb saytın davamlı olaraq yaxşı təcrübə təqdim edib-etmədiyini müəyyən etmək üçün kifayət deyil.
Google Core Web Vitals göstəricilərini səhifə ziyarətlərinin 75-ci persentilində, mobil və masaüstü nəticələri ayrı-ayrılıqda nəzərə alaraq qiymətləndirməyi tövsiyə edir. Bu o deməkdir ki, ölçülən ziyarətlərin ən azı 75%-i hər bir göstərici üzrə yaxşı həddə cavab verməlidir.
Məsələn, fərz edək ki, veb saytın 75-ci persentildə LCP dəyəri 2 saniyədir. Bu o deməkdir ki, ölçülən səhifə ziyarətlərinin 75%-ində LCP 2 saniyə və ya daha azdır və bu, tövsiyə olunan həddə cavab verir.
Veb sayt yalnız ən güclü göstəricisinə fokuslanmaq əvəzinə hər üç göstərici üzrə yaxşı hədlərə çatmağı hədəfləməlidir.
Core Web Vitals ölçmə alətləri hansılardır?
Core Web Vitals Google tərəfindən təqdim edilən bir neçə alət vasitəsilə ölçülə bilər. Bu alətlər tərtibatçılara veb saytın necə işlədiyini anlamağa və təkmilləşdirilməli sahələri müəyyən etməyə kömək edir.
PageSpeed Insights
PageSpeed Insights Core Web Vitals göstəricilərini yoxlamaq üçün ən faydalı alətlərdən biridir. O, mövcud olduqda real istifadəçi məlumatlarını, eləcə də simulyasiya edilmiş test vasitəsilə toplanmış laboratoriya məlumatlarını təqdim edir. Həmçinin səhifə performansını yaxşılaşdırmaq üçün tövsiyələr verir.
Google Search Console
Google Search Console-da hansı səhifə qruplarının yaxşı istifadəçi təcrübəsi təqdim etdiyini və hansılarının təkmilləşdirilməli olduğunu göstərən Core Web Vitals hesabatı mövcuddur. O, sayt sahiblərinə bir çox səhifədəki performans problemlərini müəyyən etməyə kömək etmək üçün real məlumatlardan istifadə edir.
Chrome DevTools və Lighthouse
Chrome DevTools və Lighthouse tərtibatçılara səhifə performansını nəzarət olunan mühitdə sınaqdan keçirməyə kömək edir. Onlar JavaScript icrası, şəkillərin yüklənməsi, tərtibat sürüşmələri və Core Web Vitals-a təsir edən digər amillərlə bağlı problemləri aşkar edə bilər.
Sahə məlumatları ilə laboratoriya məlumatları arasında fərq nədir?
Core Web Vitals iki növ məlumat əsasında qiymətləndirilə bilər: sahə məlumatları və laboratoriya məlumatları. Aralarındakı fərqi başa düşmək tərtibatçılara test nəticələrini düzgün şərh etməyə və veb sayt performansını yaxşılaşdırmaq üçün doğru yanaşmanı seçməyə kömək edir.
Sahə məlumatları
Sahə məlumatları real istifadəçilər veb saytı gəzərkən onlardan toplanır. Bu məlumatlar müxtəlif cihazlar, şəbəkə bağlantıları və istifadəçi əməliyyatları daxil olmaqla, faktiki istifadə şəraitini əks etdirir.
Bu məlumatlar veb saytın real şəraitdə Google-un tövsiyə etdiyi Core Web Vitals hədlərinə cavab verib-vermədiyini anlamaq üçün xüsusilə faydalıdır.
Laboratoriya məlumatları
Laboratoriya məlumatları Lighthouse kimi alətlərdən istifadə etməklə nəzarət olunan test mühitində toplanır. Onlar tərtibatçılara performans problemlərini təkrar yaratmağa və onların mümkün səbəblərini araşdırmağa kömək edir.
Sahə məlumatlarından fərqli olaraq, laboratoriya məlumatları real istifadəçi təcrübəsinin hamısını əks etdirmir. Buna görə də veb sayt laboratoriya testlərində və real istifadəçi ölçmələrində fərqli nəticələr göstərə bilər.
Core Web Vitals-ı necə yaxşılaşdırmaq olar
Core Web Vitals göstəricilərini yaxşılaşdırmaq üçün yükləmə sürətinə, interaktivliyə və vizual sabitliyə təsir edən problemləri müəyyən etmək lazımdır. Düzgün həll hansı göstəricinin zəif olmasından asılıdır.
Largest Contentful Paint (LCP) göstəricisini yaxşılaşdırın
LCP-ni yaxşılaşdırmaq üçün tərtibatçılar görünən ən böyük məzmun elementinin mümkün qədər tez yüklənməsinə fokuslanmalıdırlar. Geniş yayılmış təkmilləşdirmələrə şəkillərin optimallaşdırılması, etibarlı veb hostinq xidmətinin seçilməsi, serverin cavab müddətinin azaldılması, keşləmənin aktivləşdirilməsi və vacib resursların yüklənməsində lazımsız gecikmələrin aradan qaldırılması daxildir.
Interaction to Next Paint (INP) göstəricisini yaxşılaşdırın
INP uzun sürən JavaScript tapşırıqlarını azaltmaq və əsas axında (main thread) lazımsız işi minimuma endirməklə yaxşılaşdırıla bilər. Tərtibatçılar həmçinin hadisə işləyicilərini optimallaşdırmalı və istifadəçi kliklədikdən, toxunduqdan və ya yazdıqdan sonra brauzerin həddindən artıq iş görməsinin qarşısını almalıdırlar.
Cumulative Layout Shift (CLS) göstəricisini yaxşılaşdırın
CLS-i azaltmaq üçün tərtibatçılar şəkillər, videolar, reklamlar və digər elementlər üçün onlar yüklənməzdən əvvəl yer ayırmalıdırlar. Mövcud məzmunun üstünə gözlənilmədən yeni məzmun əlavə etməyin və mümkün olduqda vizual elementlər üçün sabit ölçülərdən istifadə edin.
Nəticə
Core Web Vitals tərtibatçılara istifadəçilərin veb saytı yükləmə performansı, interaktivlik və vizual sabitlik baxımından necə qəbul etdiyini anlamağa kömək edir. LCP, INP və CLS göstəricilərini ölçməklə sayt sahibləri performans problemlərini müəyyən edə və səhifələrinin istifadəsini asanlaşdıran təkmilləşdirmələrə prioritet verə bilərlər.
Müntəzəm monitorinq, real istifadəçi məlumatları və məqsədyönlü optimallaşdırma veb saytlara zaman keçdikcə yaxşı Core Web Vitals nəticələrini qoruyub saxlamağa kömək edə bilər
Tez-tez verilən suallar
1. Sahə məlumatları ilə laboratoriya məlumatları arasında fərq nədir?
Sahə məlumatları veb saytı ziyarət edən real istifadəçilərdən əldə edilir, laboratoriya məlumatları isə nəzarət olunan test mühitində toplanır. Sahə məlumatları faktiki istifadəçi təcrübəsini əks etdirir, laboratoriya məlumatları isə tərtibatçılara performans problemlərini təkrar yaratmağa və diaqnoz qoymağa kömək edir.
2. Core Web Vitals göstəricilərimi necə yaxşılaşdıra bilərəm?
Core Web Vitals göstəricilərini şəkilləri optimallaşdırmaqla, lazımsız JavaScript-i azaltmaqla, serverin cavab müddətini yaxşılaşdırmaqla, keşləməni aktivləşdirməklə və gözlənilməz tərtibat sürüşmələrinin qarşısını almaqla yaxşılaşdıra bilərsiniz.
