Üçüncü tərəf skriptləri, çox vaxt Largest Contentful Paint (LCP)-i gecikdirən və Interaction to Next Paint (INP)-i pozan əhəmiyyətli əsas axın tutumunu istehlak edərək Core Web Vitals-a təsir göstərir. Brauzerlər reklam şəbəkələrindən, izləmə piksellərindən və ya sosial media vidjetlərindən xarici kodu əldə etməli, təhlil etməli və icra etməli olduqda, onlar əsas səhifə məzmununun göstərilməsini gecikdirirlər. Bu resurs rəqabəti birbaşa axtarış sistemlərinin veb saytın texniki performansını və istifadəçi təcrübəsini necə qiymətləndirdiyinə təsir edir.
Bu aktivlərin idarə edilməsi sayt optimallaşdırmasının əsas hissəsidir. Səhifəyə əlavə edilən hər bir skript potensial darboğaz rolunu oynayır və brauzerdən əlaqələri müzakirə etməyi, yükləmələri endirməyi və JavaScript-i icra etməyi tələb edir. Bu skriptlər və brauzer göstərmə mühərriki arasındakı qarşılıqlı əlaqəni başa düşməklə, ziyarətçiləriniz üçün daha sabit bir mühit yarada və axtarış siqnallarınızı yaxşılaşdıra bilərsiniz.
Niyə üçüncü tərəf skriptləri səhifənizi yavaşladır?
Brauzerlər veb səhifələri müəyyən bir ardıcıllıqla emal edir. Əsas axın üçüncü tərəf serverinə işarə edən skript teqi ilə qarşılaşdıqda, o, çox vaxt həmin kodu yükləmək və icra etmək üçün Document Object Model (DOM)-un qurulmasını dayandırır. Skript böyükdürsə və ya xarici server cavab verməkdə ləngdirsə, bu gecikmə brauzerin əsas məzmunu istifadəçiyə göstərməsinə mane olur.
Bu ona görə baş verir ki, brauzer bu xarici sorğuları, ilkin vizual ekran üçün vacib olmasalar belə, yüksək prioritetlə qəbul edir. Məsələn, ağır analitik skript və ya sosial media lenti brauzerin əsas CSS-inizi emal etməsinə mane ola bilər. Bu, axtarış sistemlərinin zəif performans kimi ölçdüyü vizual gecikmə yaradır. Bundan əlavə, ötürülən ümumi baytlar çox vaxt artır ki, bu da məhdud bant genişliyi olan mobil şəbəkələrdəki istifadəçilərə əlavə yük yaradır.
Səhifə bir neçə xarici mənbə tələb etdikdə, brauzer hər biri üçün DNS axtarışları, TCP əl sıxışmaları və SSL danışıqları aparmalıdır. Bu əlavə xərclər tez bir zamanda toplanır. Saytınız beş fərqli reklam şəbəkəsinə və üç izləmə alətinə əsaslanırsa, siz effektiv şəkildə səhifənizin rəvan yüklənməsinə mane olan yavaş əlaqə şansını artırırsınız.
Skriptlər necə tərtibat qeyri-sabitliyi yaradır?
Cumulative Layout Shift (CLS) çox vaxt ilkin renderdən sonra ölçüsünü dəyişən üçüncü tərəf məzmunu tərəfindən törədilir. Reklam konteyneri əvvəlcə kiçik bir qutu kimi görünə bilər, lakin reklam yaradıcılığı yükləndikdən sonra genişlənir. Bu genişlənmə mövcud məzmunu aşağı itələyir ki, bu da gözlənilməz tərtibat dəyişikliyi kimi qiymətləndirilir.
Bunun qarşısını almaq üçün CSS-də bu elementlər üçün açıq yer ayırmalısınız. Skript onları doldurmazdan əvvəl konteynerlərin hündürlüyünü və enini müəyyən etməklə, brauzerin yer üçün hesablaşdığını təmin edirsiniz. Məzmunun əldə edilməsi vaxt aparsa belə, konteyner artıq səhifə strukturuna daxil edildiyi üçün tərtibat sabit qalır.
Bir çox tərtibatçı dinamik məzmunun təbii şəkildə uyğunlaşacağını güman edərək bu addımı laqeyd yanaşır. Bununla belə, açıq ölçülər olmadan brauzerin nə qədər yer ayıracağını bilmək yolu yoxdur. Bu, istifadəçilərin xoşlamadığı və axtarış sistemlərinin mənfi təcrübə kimi izlədiyi sarsıdıcı hərəkətlə nəticələnir.
Xarici aktivlərdən hansı texniki problemlər yaranır?
- Gecikmiş LCP: Səhifənin yuxarı hissəsindəki məzmunu yükləyən skriptlər çox vaxt bant genişliyi üçün mübarizə aparır.
- Artan INP: Əsas axında ağır JavaScript icrası səhifələri kliklərə qarşı cavabsız edir.
- Gözlənilməz Tərtibat Dəyişiklikləri: Yükləndikdən sonra ölçüsü dəyişən dinamik reklamlar və ya vidjetlər CLS-ə səbəb olur.
- Şəbəkə tıxacları: Müxtəlif domenlərə çoxlu sayda eyni vaxtda sorğular əlaqə darboğazlarına gətirib çıxarır.
- Keşin etibarsızlığı problemləri: Üçüncü tərəf skriptlərinin çox vaxt qısa istifadə müddəti olur ki, bu da daimi yenidən yükləmələri məcbur edir.
Problemli skriptləri necə müəyyən edə bilərsiniz?
Brauzerinizin tərtibatçı alətlərində şəbəkə və performans tablarına baxaraq saytınızı yoxlayın. Hansı domenlərin cavab verməsinin ən uzun vaxt apardığını və əsas axının onların kodunu icra etməyə nə qədər vaxt sərf etdiyini müəyyən edin. Səhifə tam interaktiv olmazdan əvvəl yüklənən skriptlərə diqqət yetirməlisiniz, çünki bunlar ilkin performans ballarınıza ən böyük təsir göstərir.
Performans xronologiyasında uzun tapşırıq xəbərdarlıqlarını axtarın. Uzun tapşırıq icrası 50 millisaniyədən çox vaxt aparan istənilən JavaScript hissəsidir. Üçüncü tərəf skripti bir neçə uzun tapşırığa səbəb olduqda, o, əsas axını kilidləyir və səhifəni istifadəçi üçün donmuş kimi göstərir. Bu tapşırıqların mənbəyini müəyyən etmək yumşaldılmaya doğru ilk addımdır.
Veb saytlar çox vaxt müxtəlif səbəblərə görə dialoqlar göstərməlidirlər; lakin istifadəçiləri müdaxilə edən interstisiallarla narahat etmək onları məyus edə və veb saytınıza olan etimadlarını sarsıda bilər.
Google Search Central
Alien Road bunu necə tətbiq edir
Alien Road-da biz hər bir müştəri layihəsini artıq asılılıqlar üçün yoxlayaraq üçüncü tərəf skriptlərini idarə edirik. Biz kritik olmayan skriptləri tənbəl yükləməyə (lazy-loading) üstünlük veririk ki, bu da brauzerə əvvəlcə vacib məzmunu prioritetləşdirməyə imkan verir. Tipik e-ticarət saytı üçün biz çox vaxt marketinq teqlərini istifadəçi səhifə ilə qarşılıqlı əlaqədə olana qədər, məsələn, sürüşdürmə və ya klikləməklə gecikdirməklə performans qazancları görürük.
Prosesimiz bütün üçüncü tərəf sorğularının xəritəsini yaratmağı əhatə edir. Biz hər bir skripti biznes ehtiyaclarına qarşı qiymətləndiririk. Əgər izləmə pikseli hazırda hərəkətə keçirilə bilən məlumat vermirsə, biz onu silirik. Qalan skriptlər üçün biz əlaqəni sürətləndirmək üçün resurs göstərişləri kimi strategiyalar tətbiq edirik. Biz göstəriciləri ardıcıl olaraq izləyirik və etdiyimiz hər bir dəyişikliyin son istifadəçi üçün daha sürətli və daha sabit təcrübəyə gətirib çıxarmasını təmin edirik.
- Başlıqdakı hər bir skript üçün audit jurnalının nəzərdən keçirilməsi.
- Əsas axını bloklamamaq üçün async və ya defer atributlarının tətbiqi.
- Bir neçə izləmə pikselinin vahid konteyner menecerində birləşdirilməsi.
- Sabitliyi yoxlamaq üçün tətbiqdən sonrakı performans göstəricilərinin monitorinqi.
Skript optimallaşdırılması üçün ən yaxşı təcrübələr hansılardır?
Optimallaşdırma hər bir xarici aktivin zəruriliyini sorğulamaqla başlayır. Əgər skript istifadəçiyə və ya biznes məqsədlərinə birbaşa dəyər vermirsə, o, silinməlidir. Vacib skriptlər üçün xarici serverlərlə ilkin əl sıxışmasını sürətləndirmək üçün preconnect kimi resurs göstərişlərindən istifadə edin. Bu, skript tələb olunmazdan əvvəl brauzerə əlaqəni hazırlamağa imkan verir.
Bu dəyişiklikləri istehsala yerləşdirməzdən əvvəl hazırlıq mühitində sınaqdan keçirin. Skriptin necə yüklənməsinə dair kiçik düzəlişlər belə performans ballarınızda ölçülə bilən yaxşılaşdırmalarla nəticələnə bilər. Əsas məzmunu çatdırmağa diqqət yetirin, çünki bu, həm istifadəçilər, həm də axtarış sistemləri üçün əsas məqsəd olaraq qalır.
Həmişə üçüncü tərəf provayderləriniz tərəfindən təqdim olunan sənədləri yoxlayın. Bir çox müasir alətlər öz skriptlərinin yüngül versiyalarını və ya xidmətlərini tətbiq etməyin daha az resurs tələb edən alternativ yollarını təklif edir. Bu seçimlərdən xəbərdar olmaq funksionallığı qurban vermədən yüksək performansı saxlamağın sadə bir yoludur.
Bu həftə haradan başlamaq lazımdır
Brauzer konsolunuzdakı əhatə dairəsi hesabatını yoxlayaraq saytınızın cari skript yükünü nəzərdən keçirin. Bir ağır, qeyri-vacib skripti müəyyən edin və onun silinməsini və ya tənbəl yükləmə tətbiqini sınaqdan keçirin. Bu xüsusi dəyişikliklərin monitorinqi sizə xarici kodun performans göstəricilərinizə necə təsir etdiyinə dair aydın mənzərə verəcəkdir. Nəticələri yoxlamaq üçün dəyişiklikdən əvvəl və sonra LCP və INP ballarınızı izləyin.