AMP core web vitals lcp optimizasiyası mobil cihazın ilkin görünən sahəsindərender edilən ən böyük şəkil və ya mətn blokuna diqqət yetirilməsini tələb edir. Proqramçılar AMP işləmə mühitinin səmərəli yüklənməsini təmin etməklə və data-hero atributundan istifadə etməklə xüsusi əsas elementlərə üstünlük verməklə buna nail olurlar. Google AMP səhifələrini istənilən digər indekslənmiş məntlə bərabər tutduğundan, 2,5 saniyəlik həddə çatmaq sağlam və sürətli istifadəçi təcrübəsinin qorunub saxlanılması üçün əsas tələb olaraq qalır.
AMP kontekstində LCP nədir?
Ən Böyük Məzmunlu Boyama (LCP) səhifənin əsas məzmununun istifadəçiyə görünməsi üçün nə qədər vaxt lazım olduğunu ölçür. Əksər AMP səhifələrində LCP elementi adətən seçilmiş şəkil, böyük başlıq və ya video posterdir. Çərçivə sürət üçün nəzərdə tutulsa belə, yavaş server və ya optimallaşdırılmamış aktivlər yenə də LCP-ni tövsiyə olunan 2,5 saniyədən artıra bilər.
Google səhifənin qavranılan yüklənmə sürətini qiymətləndirmək üçün bu metrikdən istifadə edir. Əsas məzmunun görünməsi çox vaxt aparırsa, istifadəçilər çox vaxt tam yüklənməmişdən əvvəl saytı tərk edirlər. AMP üçün bu metrik xüsusilə vacibdir, ஏki çərçivə yüksək sürətli həll kimi bazara çıxarılır. LCP hədəfinə çata bilməmək ilk növbədə texnologiyadan istifadənin üstünlüklərini heçə endirə bilər.
Google Axtarış AMP səhifələrini digər veb səhifələr kimi indeksləşdirir və səhifənin qurulması üçün istifadə olunan texnologiyadan asılı olmayaraq bütün səhifələrə eyni standartı tətbiq edir.
Google Search Central
Google AMP-də Core Web Vitals göstəricisini necə ölçür?
Google AMP səhifələrinizin məhsuldarlığını müəyyən etmək üçün Chrome İstifadəçi Təcrübəsi Hesabatından (CrUX) məlumat topl arayır. Bu məlumat müxtəlif şəbəkə şərtlərində saytınıza baş çəkən real istifadəçilərdən gəlir. Əgər AMP səhifəniz Google AMP Cache-dən xidmət göstərirsə, məhsuldarlıq çox vaxt daha yaxşı olur, ஏki kэş öncədən renderinqdən və qlobal məzmun çatdırılma şəbəkələrindən istifadə edir.
Bununla belə, istifadəçi AMP səhifəsinə birbaşa mənşə serverinizdən daxil olarsa, sürət tamamilə hostinq və server konfiqurasiyanızdan asılıdır. Google bütün səhifə yükləmələrinin 75-ci persentilinə baxır. Bu o deməkdir ki, ziyarətçilərinizin 75%-i 2,5 saniyədən az LCP ilə qarşılaşarsa, səhifəniz qiymətləndirmədən keçir.
Niyə bəzi AMP səhifələri hələ də LCP hədəflərini yerinə yetirə bilmir?
Ümumi yanlış fikir odur ki, AMP çərçivəsindən istifadə avtomatik olaraq keçən LCP balına zəmanət verir. Bu həmişə doğru deyil. Bir neçə amil ən böyük məzmun elementinin render edilməsini gecikdirə bilər. Məsələn, LCP elementi optimallaşdırılmamış şəkilidirsə, brauzer onu göstərə bilməsi üçün tam faylın yüklənməsini gözləməlidir.
Digər bir problem AMP işləmə mühitinin özünün səbəb olduğu gecikmələrdir. İşləmə mühiti müəyyən elementləri göstərməzdən əvvəl səhifənin tərtibatını yükləməli və hesablamalıdır. Başlıq bölməsinə daxil edilmiş bir çox uzantılar və ya üçüncü tərəf skriptləri varsa, işləmə mühitinin işə düşməsi daha çox vaxt ala bilər ki, bu da LCP vaxtını geri atır.
- Mənşə serverindən yavaş server cavab müddətləri (TTFB).
- Renderi bloklayan xüsusi CSS və ya böyük şrift faylları.
- Şəkillərdə səhifə tərtibatının yenidən hesablanmasına səbəb olan çatmaq və hündürlük atributlarının olmaması.
- data-hero atributu ilə prioritet verilməyən şəkillər.
- Ekrandan yuxarıda həddindən artıq çox AMP komponenti (karusellər və ya sosial yerləşdirmələr kimi).
AMP-də şəkil yüklənməsini necə yaxşılaşdıra bilərsiniz?
Şəkillər yavaş LCP-nin ən çox yayılmış səbəbidir. Bunu düzəltmək üçün səhifənin əsas şəkilində data-hero atributundan istifadə etməlisiniz. Bu atribut AMP işləmə mühitinə və AMP Cache-ə həmin şəkli işləmə mühiti tərtibat hesablamalarını tam başa çatdırmamışdan əvvəl dərhal endirməyə başlamağı bildirir.
Bundan əlavə, bütün amp-img elementləri üçün srcset atributundan istifadə etməlisiniz. Bu, brauzerə istifadəçinin ekran icazəsinə əsasən ən uyğun şəkil ölçüsünü seçməyə imkan verir. Kiçik ekran 2000 piksel enində şəkilə ehtiyac duymur. Daha kiçik versiyanı təqdim etməklə siz bayt ölçüsünü azaldır və LCP-ni sürətləndirirsiniz.
İstifadəçilər mümkün olduqda, müvafiq kanonik səhifələrdə olduğu kimi AMP səhifələrində də eyni məzmunu yaşaya və eyni əməliyyatları yerinə yetirə bilməlidirlər.
Google Search Central
AMP Optimizer-in rolu
AMP Optimizer AMP HTML-də server tərəfi optimizasiyaları həyata keçirən bir alətdir. O, LCP-ni sürətləndirmək üçün tələb olunan bir çox əl ilə tapşırıqları avtomatlaşdıra bilər. Məsələn, brauzerin AMP işləmə mühitinin işə düşməsini gözləməsi ehtiyacını aradan qaldıran AMP tərtibatını serverdə əvvəlcədən render edə bilər. Bu texnika LCP-ni bir neçə yüz millisaniyə azalda bilər.
Optimizatordan istifadə etdiyiniz zaman o, həmçinin şəkillərinizi dəyişdirir və sənədinizin başlığındakı elementləri yenidən sıralayır. Bu, ən kritik resursların əvvəl yüklənməsini təmin edir. Bir çox müasir məzmun idarəetmə sistemlərində marketoloqlara yüksək məhsuldarlığı qorumağı asanlaşdıran AMP Optimizer-i avtomatik birləşdirən plaginlər var.
Alien Road amp core web vitals lcp-ni necə tətbiq edir
Alien Road Google Search Console Core Web Vitals hesabatının ətraflı auditi ilə başlayaraq AMP performansını idarə edir. Biz hansı URL-lərin LCP həddini keçmədiyini müəyyənləşdiririk və gecikməyə səbəb olan xüsusi elementi müəyyən edirik. Tipik hesabda bu, çox vaxt bloq yazısındakı seçilmiş şəkil və ya elektron ticarət səhifəsindəki məhsulun əsas şəkilidir.
Prosesimiz bir neçə xüsusi addımı əhatə edir. Əvvəlcə standart CSS-in ilkin renderi bloklamamasını təmin etmək üçün server tərəfində AMP Optimizer tətbiq edirik. İkincisi, data-hero atributunu əsas vizual elementə tətbiq edirik. Məsələn, ev əşyaları satan Shopify mağazasında biz əsas məhsul çəkilişinin prioritet yüklənmə üçün işarələnməsini təmin edirik. Biz həmçinin TTFB-ni (İlk Bayta qədər Vaxt) izləyirik, çünki server yavaşdırsa, heç bir ön ucluq optimizasiyası LCP-ni düzəltməyəcək.
Tətbiqdən sonra dəyişiklikləri yoxlamaq üçün PageSpeed Insights API-dən istifadə edirik. Biz 28 günlük dövr ərzində sahə məlumatlarında ardıcıl təkmilləşdirmə tendensiyası axtarırıq. Bu məlumatlara əsaslanan yanaşma müştərilərə mobil sürətlərinin ümumi axtarış görünürlüğünə necə təsir etdiyi barədə dəqiq hesabat təqdim etməyə imkan verir.
LCP-ni yaxşılaşdırmaq üçün AMP-ni silməlisinizmi?
Bəzi proqramçılar istənilən sürət hədəflərinə çata bilmədikləri təqdirdə AMP-ni silməyi düşünürlər. Bu bir seçim olsa da, axtarış reytinqlərini itirməmək üçün diqqətlə idarə olunmalıdır. Əgər AMP-dən uzaqlaşmağa qərar verirsinizsə, qeyri-AMP səhifələrinizin eyni dərəcədə sürətli olmasını və bütün veb standart təlimatlarına əməl etməsini təmin etməlisiniz.
Google-a görə, AMP məzmununu silmək üçün üç seçiminiz var. Səhifənin bütün versiyalarını silə, kanonik qeyri-AMP səhifəsini saxlayaraq yalnız AMP versiyasını silə və ya silinməni idarə etmək üçün CMS-dən istifadə edə bilərsiniz. AMP səhifəsi kanonik səhifədirsə, yeni qeyri-AMP kanonik səhifəsi qurmalı və 404 xətalarının qarşısını almaq üçün köhnə URL-i düzgün şəkildə yönləndirməlisiniz.
- CMS-inizin avtomatlaşdırılmış AMP optimizasiyasını dəstəklədiyini yoxlayın.
- Ən çox ziyarət edilən ən yaxşı 10 səhifəniz üçün LCP elementini müəyyənləşdirin.
- Kэş edilmiş və kэş edilməmiş səhifə sürətləri arasındakı fərqi sınayın.
- Strukturlaşdırılmış məlumatların AMP və qeyri-AMP versiyaları arasında uyğun olduğunu yoxlayın.
- Search Console-da Core Web Vitals hesabatını hər həftə izləyin.
Bu həftə haradan başlamalı
Google Search Console-u açmaqla başlayın və Core Web Vitals bölməsinə keçin. Hesabatı yalnız mobil URL-ləri göstərəcək şəkildə filtrləyin və ‘LCP problemi: 2.5 saniyədən uzun’ xəbərdarlığını axtarın. Bu gecikmədən təsirlənən xüsusi URL qruplarını görmək üçün hesabatı klikləyin.
Siyahınız olduqdan sonra, bir nümunə URL seçin və onu PageSpeed Insights alətindən keçirin. ‘Diaqnostika’ bölməsində LCP elementini müəyyənləşdirin. Əgər bu şəkilldirsə, onun data-hero atributunun olub-olmadığını yoxlayın. Əgər mətn blokudursa, şriftin yüklənmə gecikmələrini yoxlayın. Ən populyar səhifələrinizdə bu kiçik düzəlişləri etmək ümumi sayt performansınızda və istifadəçi saxlama səviyyənizdə əhəmiyyətli yaxşılaşdırma ilə nəticələnə bilər.