Yenilənmənin son mərhələsi 2021-ci ilin avqustunda baş verdiyi üçün Core Web Vitals yenilənməsi artıq qüvvədədir. Bu o deməkdir ki, biz artıq ilkin qiymətləndirmələrdən kənara çıxıb bəzi ümumi nümunələri müəyyən edə bilərik.
Tarixi məlumatlardan istifadə edərək, həm mobil, həm də masaüstü veb-saytların yenilənməyə nə dərəcədə hazır olduğunu və hansı Core Web Vitals göstəricilərinin (Largest Contentful Paint, Total Blocking Time* və Cumulative Layout Shift) daha yaxşı nəticələr verdiyini nəzərdən keçirdik.
Biz həmçinin səhifələrin performansı üçün bu üç göstərici ilə bağlı ən vacib amilləri vurğulamağa nail olduq.
Site Audit alətimizdən əldə etdiyimiz məlumatlardan istifadə edərək, LCP, TBT və CLS üçün orta göstəricilərə baxdıq və hər bir göstərici üzrə ən çox rast gəlinən problemləri müəyyən etdik.
Bu anlayışlarla silahlanaraq, səhifələrinizi maksimum CWV uyğunluğu üçün optimallaşdırmaq və beləliklə, ən yüksək istifadəçi rahatlığını və daha yaxşı reytinqləri təmin etmək üçün daha yaxşı təchiz oluna bilərsiniz.
*Qeyd: Site Audit-də biz First Input Delay (FID) göstəricisi əvəzinə Total Blocking Time (TBT) göstəricisindən istifadə edirik, çünki ikincisi real istifadəçilərin məlumatlarına çıxışı tələb edir. Google özü bildirib ki, bu iki göstərici bir-biri ilə əlaqəlidir və hər ikisi interaktivlik problemlərini qiymətləndirmək üçün istifadə edilə bilər.
Tədqiqat Metodologiyası
Hər bir göstərici üçün ən çox və ən az rast gəlinən problemləri araşdırmaq üçün təhlil edilmiş veb-saytların tam CWV auditi.
Tədqiqatın ilk hissəsi 1,7 milyon masaüstü və 324 min mobil URL-in təhlilinə əsaslanır. Biz yenilənmədən əvvəlki 2021-ci ilin iyun ayı üçün LCP, TBT və CLS göstəricilərini yenilənmənin tamamlandığı 2021-ci ilin sentyabr ayı ilə müqayisə etdik.
Müqayisə aparmaq üçün biz yenilənmədən əvvəl və sonra hər bir göstərici üçün neçə səhifənin üç kateqoriya aralığında — “yaxşı”, “zəif”, “təkmilləşdirilməli” — olduğunu yoxladıq.
Biz həmçinin “Any TBT” və “Any CLS” ballarını da qeyd edirik. Bunlar sadəcə olaraq bütün URL-lər üçün TBT və ya CLS performansından asılı olmayaraq orta göstəriciləri əks etdirir.
Hər bir göstəriciyə təsir edən amilləri müəyyən etmək və hansı xətaların digərlərindən daha tez-tez baş verdiyini görmək üçün biz 4 milyon masaüstü və 1,7 milyon mobil URL-in 2021-ci ilin sentyabr ayı üçün Site Audit-ini götürdük. Ümumilikdə, alət bu səhifələri 23 müxtəlif CWV-spesifik yoxlamadan keçirdi**, bu da bizə ən çətin və ən asan keçilən auditləri aşkar etməyə imkan verdi.
**Qeyd: Bütün yoxlamaların siyahısını, onların təriflərini və auditin tam mobil-masaüstü bölgüsünü yazının sonunda tapa bilərsiniz.
Mobil və Masaüstü üçün Core Web Vitals Tədqiqatının Nəticələri
Neçə URL öz LCP, TBT və CLS ballarını artırdı
Aşağıdakı qrafiklər 2021-ci ilin iyun ayı ilə müqayisədə 2021-ci ilin sentyabr ayında neçə səhifənin (mobil və masaüstü) üç CWV göstəricisi (həm birlikdə, həm də ayrı-ayrılıqda) üçün yaxşı hədləri keçdiyini göstərir.
Yenilənmədən əvvəl masaüstü səhifələrin yalnız 34,5%-i hər üç göstərici üçün tələb olunan hədlərə cavab verə bilirdi. Yenilənmədən sonra LCP, TBT və CLS üçün bütün “yaxşı” ballara malik olan masaüstü URL-lərin sayı 7 faiz bəndi artdı.
Mobil URL-lər daha acınacaqlı mənzərəni göstərir, mobil səhifələrin 4%-dən azı hər üç göstərici üçün “yaxşı” hədləri keçir. 2021-ci ilin iyun ayında bu rəqəm demək olar ki, üç dəfə yüksək idi, bu da mobil səhifələrin masaüstü analoqlarına nisbətən yenilənməyə daha az hazır olduğunu göstərir.
Yenilənmədən əvvəl və sonra CWV göstəriciləri üçün müsbət dəyişikliklərin qiymətləndirilməsi
CWV göstəriciləri sadəcə “yaxşı” baldan daha çox qata malikdir. LCP, TBT və CLS üç kateqoriyaya düşə bilər: “Yaxşı”, “Təkmilləşdirilməli” və “Zəif”.
Yenilənmədən sonrakı dəyişiklikləri daha ətraflı səviyyədə təhlil etmək üçün biz üç göstərici üzrə baş verən bütün təkmilləşdirmələri yoxladıq və neçə URL-in LCP, TBT və CLS ballarını bir kateqoriyadan digərinə keçirərək uğur qazandığını araşdırdıq.
Yenilənmədən əvvəlki və sonrakı ballar üçün müsbət dəyişikliklərə gəldikdə, biz aşağıdakı tendensiyaları görürük:
Biz bütün balları yaxşılaşdıran səhifələrin çox aşağı — 0,1%-ə qədər — sayını gördük. Bununla belə, bütün səhifələrin üçdə biri ən azı bir göstərici üçün bal artımı gördü. Bu, həm mobil, həm də masaüstü URL-lər üçün doğrudur.
Mobil cihazlarda hər üç göstərici üçün ən populyar kateqoriya dəyişikliyi “zəif”dən “təkmilləşdirilməli” aralığına keçid idi. Masaüstü URL-lər daha müsbət tendensiyalar göstərir, çünki URL-lərin əksəriyyətinin LCP, TBT və CLS balları “təkmilləşdirilməli” kateqoriyasından “yaxşı” kateqoriyasına keçdi.
Mobil cihazlarda “zəif”dən “yaxşı”ya keçid, bir istisna olmaqla, demək olar ki, qeyri-mümkün missiya kimi görünür. CLS “zəif”dən birbaşa “yaxşı”ya keçmək üçün ən asan hədd kimi görünür və daha çox səhifə öz CLS ballarında əhəmiyyətli irəliləyişlər əldə edib.
Biz öz anlayışlarımızı Google CLS həddini aşağı saldıqdan sonra topladıq, buna görə də görünən asanlıq yəqin ki, bu dəyişikliklə bağlıdır.
Mobil səhifələr LCP-yə gəldikdə ən az müsbət dəyişikliklərlə üzləşir, masaüstü URL-lər üçün isə TBT ən böyük çətinlikləri yaradır və ən aşağı — 6,7% — müsbət dəyişiklik tendensiyasını göstərir.
LCP, TBT və CLS ballarına təsir edən amillər
Hər bir göstəricinin elementlərini daha ətraflı təhlil edərək, biz bu ballara təsir edən amilləri müəyyən edə bildik.
LCP istifadəçinin baxış sahəsindəki ən böyük səhifə elementinin — şəkil və ya mətn blokunun — yüklənmə vaxtını ölçdüyü üçün ekrandan kənara çıxan hər hansı bir şey hesablanmır.
Təhlilimiz göstərdi ki, və
Bununla belə, daha yaxından baxsaq, LCP ballarına təsir edən mobil-masaüstü teq elementləri arasında daha çox fərq görəcəyik.
və
və teqləri təsir edir.
H1 mobil cihazlarda problem olmağa başlayır, yəqin ki, daha kiçik ekranlarla işləyərkən h1 baxış sahəsindəki ən böyük elementlərdən biri olduğu üçün.
Bu o deməkdir ki, mobil və masaüstü cihazlarda ən böyük element hesab olunan şey arasında fərq var.
Sizin xüsusi halınızda baxış sahəsində hansı konkret səhifə elementinin ən böyük məzmunlu element hesab olunduğunu açmaq üçün Site Audit alətindən istifadə edə bilərsiniz.
TBT istifadəçilərin səhifə elementləri ilə nə qədər tez qarşılıqlı əlaqəyə başlaya biləcəyini ölçdüyü üçün biz uzun tapşırıqlara baxmalı olduq.
İstifadəçi interfeysini donduran JavaScript kodunun bir hissəsi olan uzun tapşırıqlarla, “yaxşı” TBT balı almaq üçün ümumi TBT-nizi 300 ms-dən aşağı saxlamalısınız.
İstədiyiniz qədər uzun tapşırığınız ola bilsə də (300 ms həddini aşmadıqları müddətcə), “yaxşı” TBT balına malik həm mobil, həm də masaüstü səhifələrin ən az sayda uzun tapşırıqla gəldiyini görmək hələ də maraqlıdır:
Orta hesabla, “zəif” TBT balına malik masaüstü səhifə “yaxşı” aralığına düşənlərlə müqayisədə 6 dəfə çox uzun tapşırığa malikdir. Mobil cihazlarda bu fərq daha mülayimdir — üç dəfə.
Səhifənin vizual sabitliyini ölçən CLS göstəricisi, görünən elementin bir render edilmiş çərçivədən digərinə mövqe dəyişikliyi olduqda ortaya çıxan layout dəyişikliklərindən çox asılıdır.
TBT-də olduğu kimi, layout dəyişiklikləri bu dəyişikliklərin sayından çox, onların dərəcəsi ilə bağlıdır. Və əgər biz TBT ilə bunun birbaşa sübutunu görmədiksə, bizim CLS təhlilimiz bunu aydınlaşdırır:
Biz müxtəlif CLS ballarına malik səhifələr arasında layout dəyişikliklərinin sayında böyük fərq görmürük, bu o deməkdir ki, hədlərə cavab verdikləri müddətcə kifayət qədər çox dəyişikliyə sahib ola bilərsiniz.
Ən çox rast gəlinən Core Web Vitals problemləri və onların həlli yolları
Səhifələrin CWV ballarına təsir edən əsas amilləri müəyyən etsək də, bu o demək deyil ki, bunları sayt sahibləri üçün ən aktual problemlər hesab etmək olar.
Budur Site Audit-in Core Web Vitals hesabatı oyuna girir və keçilməsi ən çətin yoxlamaları müəyyən etməyə kömək edir.
Site Audit aləti istənilən səhifəni 23 müxtəlif yoxlamadan keçirir, burada biz Pagespeed Insights məntiqini götürürük və nəzərə alırıq:
Əgər yoxlama 90 baldan yuxarıdırsa, səhifə yaşıl zonaya keçir və biz bu auditi keçilmiş hesab edirik;
Əgər dəyər 49-dan azdırsa, səhifə verilmiş yoxlama üçün qırmızı zonaya keçir.
Quş uçuşu məsafəsindən baxdıqda, mobil səhifələrin CWV ilə daha çox problemlə üzləşdiyini görə bilərik. Masaüstü URL-lər CWV yoxlamalarını keçməkdə kifayət qədər yaxşı iş görür, yoxlamaların əksəriyyəti — 68% — yaşıl zonadadır.
Səhifələrin yoxlamaların əksəriyyətini keçdiyi masaüstü cihazlardan fərqli olaraq, mobil cihazlarda yoxlamaların yalnız 34%-i yaşıldır. Bütün auditlərin narahatedici 65%-i ya sarı, ya da qırmızıdır, bu da mobil səhifələrin bu yoxlamalar üçün CWV tələblərinə cavab vermədiyi deməkdir.
Gəlin bütün yoxlamalara daha incə nəzər salaq və həm mobil, həm də masaüstü səhifələr üçün keçilməsi ən asan və ən çətin olan ilk üçlüyü görək.
Dəqiq eni və hündürlüyü olmayan şəkil elementləri həm mobil, həm də masaüstü səhifələr üçün ən böyük problem kimi görünür.
JavaScript paketlərindəki dublikat modullar, çoxsaylı səhifə yönləndirmələri və səmərəli animasiyalı məzmun üçün video formatlarından istifadə adətən az və ya heç bir problemlə keçilir.
Lakin render-bloklayan resursların aradan qaldırılmasına gəldikdə, fərq heyrətamizdir: masaüstü URL-lər bu yoxlamanı demək olar ki, keçir, mobil olanlar isə çətinliklə sarı zonaya çatır.
Site Audit təkcə bütün göstəricilər üzrə problemləri aşkar etmir, həm də onları LCP, CLS və TBT ilə bağlı problemlərə ayırır.
Xüsusi səhifələriniz üçün ən çox yayılmış problemlərin göstərici-göstərici bölgüsünə baxdığınızdan əmin olun, çünki Site Audit problemi həlli də daxil olmaqla formalaşdırır.
Yekun
Core Web Vitals Yenilənməsi artıq qüvvədə olduğu üçün, Google-a səhifələrinizin ən yüksək istifadəçi rahatlığını təmin etdiyini və bu reytinqlərə layiq olduğunu göstərmək üçün hər üç göstərici — CLS, LCP və TBT — üzrə balınızı yaxşılaşdırmaqdan başqa seçiminiz yoxdur.
Ümid edirik ki, çox geniş sahəni əhatə edən və əsas anlayışları ortaya qoyan tədqiqatımız optimallaşdırma səylərinizi daha da dəstəkləmək üçün aydın rəhbərlik təmin edir.
Bütün kəşflərə yenidən nəzər salmağınızı təklif etsək də, bu tədqiqatdan çıxarmalı olduğunuz bir neçə şey var:
Masaüstü URL-lərin yalnız üçdə biri və mobil URL-lərin 3%-i hər üç CWV göstəricisi üçün hədləri keçir.
Yenilənmədən bəri biz səhifələrin təxminən 1%-i üçün hər tərəfli yaxşılaşdırmalar gördük. Və 40%-dən azı ən azı bir göstərici üçün daha yaxşı ballar gördü.
Bu o deməkdir ki, ehtimal ki, təkmilləşdirmə üçün çox yeriniz var və düzgün və erkən edildikdə, səhifə optimallaşdırma səyləriniz səhifələrinizə rəqabət üstünlüyü verə bilər.
Masaüstü üçün yoxlamaların əksəriyyəti yaşıldır (yəni keçilib), mobil cihazlar üçün isə biz əsasən sarı və qırmızı rəngləri görürük. Bu o deməkdir ki, masaüstü cihazlarda auditləri keçmək mobil cihazlara nisbətən daha asandır, mobil səhifələr orta hesabla masaüstü cihazlardan daha çox problemlə üzləşir.
Çox güman ki, bu, mobil hədlər və laboratoriya məlumatlarının 3G cihazında simulyasiya edilməsi ilə bağlıdır.
CLS ən az ‘problemli’ göstərici olduğu üçün, LCP və TBT ballarınızı yaxşılaşdırmaq üzərində işləməlisiniz:
CLS təkmilləşdirmələri sizə “zəif”dən “yaxşı” bal aralığına sürətli keçid vermək ehtimalı daha yüksəkdir.
LCP balınızı aşağı salmadıqlarından əmin olmaq üçün ,
, və
teqlərinizə audit verin. Ləngliyə səbəb olan səhifə elementlərini müəyyən etmək üçün Site Audit alətindən istifadə edin.
“Yaxşı” TBT balını təmin etmək üçün ümumi bloklama vaxtınızı 300 ms-ə qədər saxlayın. Bir daha, Site Audit aləti hansı uzun tapşırıqların ümumi TBT balınıza ən çox mane olduğunu müəyyən etməyə kömək edəcək.
Layout dəyişikliklərinizin dərəcəsinə diqqət yetirin və CLS həddi sahəsinin çox hissəsini tutanlardan qurtulun. Site Audit hər bir ən böyük layout dəyişikliyinin CLS töhfəsini əks etdirir.
Şəkil elementlərinin hündürlüyü və eni və digər ümumi CWV problemlərinə diqqət yetirin. Keçilməsi ən çətin auditlərə ikinci dəfə baxın. Problemlərin əksəriyyəti — həm mobil, həm də masaüstü URL-lər üçün — şəkil ölçüləri ilə bağlıdır. Bu, kifayət qədər sürətli həlli olan CLS ilə bağlı yoxlama olduğu üçün, onu CLS balınızı yaxşılaşdırmaq üçün sürətli qələbə kimi istifadə edə bilərsiniz.
Masaüstü cihazlar üçün ən çox yayılmış dəyişiklik “təkmilləşdirilməli”dən “yaxşı” aralığına keçməkdir. Lakin mobil URL-lərin əksəriyyəti “zəif”dən “təkmilləşdirilməli” kateqoriyasına keçir, yeganə istisna CLS-dir. Buna görə də hər bir CWV göstəricisi üzrə bütün “zəif” ballardan bütün “yaxşı” ballara sürətli keçid etməyi gözləməyin və hədlərdəki hər hansı dəyişikliyə diqqət yetirin.
Bonus: Mobil və Masaüstü URL-lər üçün ən çox yayılmış CWV problemlərinin tam siyahısı
Bütün Site Audit yoxlamalarının tam siyahısını araşdırmaq və mobil-masaüstü səhifələr üçün orta balları görmək istəyirsinizsə, aşağıdakı cədvələ keçin və tam mənzərəni əldə edin.
Orta Audit Balları
JavaScript icra müddətini azaldın : JavaScript-iniz icra olunmaq üçün uzun vaxt apardıqda, bu, şəbəkə xərcləri, təhlil və tərtib xərcləri, icra xərcləri və ya yaddaş xərcləri kimi bir neçə yolla səhifə performansınızı ləngidir;
Həddindən artıq DOM ölçüsündən çəkinin : Böyük DOM ağacı şəbəkə səmərəliliyi və yükləmə performansı, iş vaxtı performansı və yaddaş performansı kimi bir çox yolla səhifə performansınızı ləngidə bilər;
JavaScript paketlərindəki dublikat modulları silin : Veb səhifələrin əksəriyyətindəki JavaScript paketləri adətən populyar kitabxanalardan, asılılıqlardan və paketlərdən kod idxal etməklə qurulur. Bu, tez-tez səhifənizin bir çox mənbədən dublikat modulları miras alması ilə nəticələnə bilər;
Animasiyalı məzmun üçün video formatlarından istifadə edin : Böyük GIF-lər animasiyalı məzmunu çatdırmaq üçün səmərəsizdir, ona görə də video formatlarından istifadə etmək daha yaxşıdır
Veb şrift yüklənərkən mətnin görünən qalmasını təmin edin : Şriftlər tez-tez yüklənməsi vaxt aparan böyük fayllardır. Bəzi brauzerlər şrift yüklənənə qədər mətni gizlədir, bu da görünməz mətnin parlamasına səbəb olur;
Müasir brauzerlərə köhnə JavaScript-in təqdim edilməsindən çəkinin : İstifadəçilər tərəfindən lazımsız dərəcədə böyük JavaScript fayllarının yüklənməsinin qarşısını almaq üçün müasir brauzerlərə köhnə JavaScript kodunu (məsələn, ES5 standartı) təqdim etməkdən çəkinin;
Əsas iş parçacığı işini minimuma endirin : Brauzerin render prosesi kodunuzu istifadəçilərinizin qarşılıqlı əlaqədə ola biləcəyi veb səhifəyə çevirən prosesdir. Varsayılan olaraq, render prosesinin əsas iş parçacığı adətən kodun çox hissəsini idarə edir: o, HTML-i təhlil edir və DOM-u qurur, CSS-i təhlil edir və göstərilən üslubları tətbiq edir, həmçinin JavaScript-i təhlil edir, qiymətləndirir və icra edir;
Render-bloklayan resursları aradan qaldırın : Lighthouse hesabatınızın İmkanlar bölməsi səhifənizin ilk boyasını bloklayan bütün URL-ləri sadalayır. Məqsəd kritik resursları daxil etməklə, kritik olmayan resursları təxirə salmaqla və istifadə olunmayan hər şeyi silməklə bu render-bloklayan URL-lərin təsirini azaltmaqdır;
Server cavab müddətlərini azaldın : Lighthouse hesabatınızın İmkanlar bölməsi Time to First Byte-ı, yəni istifadəçinin brauzerinin səhifə məzmununun ilk baytını alması üçün lazım olan vaxtı bildirir;
Üçüncü tərəf resurslarını fasadlarla tənbəl yükləyin : Üçüncü tərəf resursları tez-tez reklamları və ya videoları göstərmək və sosial media ilə inteqrasiya etmək üçün istifadə olunur. Varsayılan yanaşma üçüncü tərəf resurslarını səhifə yüklənən kimi yükləməkdir, lakin bu, səhifənin yüklənməsini lazımsız yerə ləngidə bilər. Əgər üçüncü tərəf məzmunu kritik deyilsə, bu performans xərci onu tənbəl yükləməklə azaldıla bilər;
Üçüncü tərəf kodunun təsirini azaldın : Səhifənizə reklam şəbəkəsi, sosial media düyməsi, A/B testi və ya analitika xidməti əlavə etmək üçün adətən HTML-inizə üçüncü tərəf skripti əlavə etməlisiniz. Bu üçüncü tərəf skriptləri səhifənizin yüklənmə performansına əhəmiyyətli dərəcədə təsir edə bilər;
Nəhəng şəbəkə yüklərindən çəkinin : Böyük şəbəkə yükləri uzun yükləmə vaxtları ilə yüksək dərəcədə əlaqəlidir. Onlar həmçinin istifadəçilərə baha başa gəlir; məsələn, istifadəçilər daha çox mobil məlumat üçün pul ödəməli ola bilərlər. Beləliklə, səhifənizin şəbəkə sorğularının ümumi ölçüsünü azaltmaq saytınızdakı istifadəçilərin təcrübəsi və onların pul kisələri üçün yaxşıdır;
CSS-i kiçildin : Lighthouse hesabatınızın İmkanlar bölməsi bütün kiçildilməmiş CSS fayllarını, həmçinin bu fayllar kiçildildikdə kibibaytlarla (KiB) potensial qənaəti sadalayır;
Ölçülməmiş şəkillər : Şəkil yaxşı görünür, lakin istifadəçilərin məlumatlarını israf edir və səhifə performansına zərər verir;
İstifadə olunmayan CSS qaydalarını silin : Lighthouse hesabatınızın İmkanlar bölməsi 2 KiB və ya daha çox potensial qənaəti olan istifadə olunmayan CSS-ə malik bütün üslub cədvəllərini sadalayır. Şəbəkə fəaliyyəti ilə istehlak edilən lazımsız baytları azaltmaq üçün istifadə olunmayan CSS-i silin;
Tələb olunan mənşələrə əvvəlcədən qoşulun. : Lighthouse hesabatınızın İmkanlar bölməsi hələ fetch sorğularına üstünlük verməyən bütün əsas sorğuları sadalayır;
Mətn sıxılmasını aktivləşdirin : Mətn əsaslı resurslar ümumi şəbəkə baytlarını minimuma endirmək üçün sıxılma ilə təqdim edilməlidir.
Agentliklər necə böyük qələbələr qazanır
Agentliklər necə böyük qələbələr qazanır Bu bələdçidə siz addım-addım təlimatların toplusunu tapa bilərsiniz ..
Veb saytınız üçün Lead Magnet ideyaları
Veb saytınız üçün Lead Magnet ideyaları Lead generasiyası çətindir. Biz potensial müştərilərdən bizə təqdim etmələrini istəyirik ..
Əlaqəli xidmət: AI Marketinq Agentliyi