PageSpeed Insights balı simulyasiya edilmiş laboratoriya məlumatlarının və real dünya sahə məlumatlarının kombinasiyası vasitəsilə performans dar boğazlarını müəyyən etməklə yaxşılaşdırılır. Ən Böyük Məzmunun Çatdırılması (Largest Contentful Paint) və Məcmu Layout Dəyişikliyi (Cumulative Layout Shift) kimi metrikaları təhlil etməklə sayt sahibləri səhifələrini ləngidən xüsusi texniki problemləri dəqiq müəyyən edə bilərlər. Proses bütün cihazlardakı istifadəçilər üçün daha sürətli təcrübəni təmin etmək məqsədilə şəkillərin optimallaşdırılmasını, istifadə olunmamış JavaScript-in azaldılmasını və brauzer keşləməsindən istifadəni əhatə edir.
Laboratoriya və sahə məlumatları arasındakı fərq nədədir?
PageSpeed Insights səhifənin performansı haqqında həm laboratoriya, həm də sahə məlumatlarını təmin edir. Laboratoriya məlumatları sazlama üçün faydalıdır, çünki o, kənar müdaxilə olmadan kodunuzun necə davrandığını sınaya biləcəyiniz idarə olunan mühit təmin edir. Bu məlumat simulyasiya edilmiş mühitdə lighthouse auditi işlətməklə yaradılır ki, bu da sizə renderi bloklayan resurslar və ya həddindən artıq böyük aktivlər kimi xüsusi problemləri müəyyən etməyə kömək edir. Mühit ardıcıl olduğundan, kod bazanızda dəyişiklik etməyə çalışdığınız və optimizasiyalarınızın dərhal təsirini görmək istədiyiniz zaman başlamaq üçün ən yaxşı yerdir.
Sahə məlumatları dəyişən bağlantı sürətlərində və cihazlarda saytınızla qarşılıqlı əlaqədə olan real dünya istifadəçilərinin faktiki təcrübəsini əks etdirir. Laboratoriya məlumatlarından fərqli olaraq, sahə məlumatları tarixi xarakter daşıyır və müəyyən müddət ərzində səhifə yükləmələrinin məcmusunu təmsil edir. Bu məlumat həyati vacibdir, çünki o, İSM gecikməsini, cihazın emal gücünü və gözlənilməz brauzer genişləndirmələrini nəzərə alaraq saytınızın vəhşi təbiətdə necə performans göstərdiyini göstərir. Laboratoriyada yüksək bal həmişə sahədə yüksək bala zəmanət vermir, ona görə də tam performans mənzərəsi üçün hər ikisini izləmək vacibdir.
Cari performansınızı necə təhlil edə bilərsiniz?
Cari performansınızın təhlili URL-inizi PageSpeed Insights alətinə daxil etməklə başlayır. Audit işə düşdükdən sonra saytınızın tövsiyə olunan hədlərə cavab verib-vermədiyini görmək üçün Əsas Veb Vital (Core Web Vitals) bölməsinə baxmalısınız. Məsələn, LCP metriki ən böyük məzmun elementinin görünməsinin nə qədər vaxt apardığını ölçür və Google 2,5 saniyə və ya daha az bal tövsiyə edir. Saytınız bunu üstələyirsə, həmin gecikməyə səbəb olan elementləri araşdırmalısınız.
Tipik hesab idarəçiliyi ssenarisində biz tez-tez müştərilərin fərdi audit diaqnostikasına baxmadan yalnız ümumi bala diqqət yetirdiklərini görürük. Hərəkətə keçə biləcək elementləri görmək üçün hesabat daxilində Diaqnostika və İmkanlar bölmələrini genişləndirməlisiniz. Bu bölmələr sıxışdırıla bilən şəkillər və ya yükləmə ardıcıllığında daha sonrakı vaxta təxirə salınmalı olan skriptlər kimi səhifənizi ləngidən dəqiq faylları və ya aktivləri sadalayır.
PageSpeed Insights balınızı optimallaşdırmaq üçün ümumi addımlar
- Mobil ekran üçün düzgün ölçüdə olduqlarından və WebP kimi müasir formalardan istifadə etdiklərindən əmin olmaq üçün şəkillərinizi yoxlayın.
- Görünən məzmuna üstünlük vermək üçün qatlanın altındakı yerləşən şəkillər və iframelər üçün gecikdirilmiş yükləmə (lazy loading) tətbiq edin.
- Səhifənin ilkin render edilməsi üçün tələb olunmayan istifadə olunmamış JavaScript fayllarını silin və ya təxirə salın.
- Fayl sorğuları üçün gediş-gəliş vaxtını azaldaraq statik aktivləri istifadəçiyə daha yaxın yerdə xidmət etmək üçün Məzmun Çatdırılma Şəbəkəsindən (CDN) istifadə edin.
- Fayl ölçülərini kiçiltmək üçün lazımsız ağ boşluqları və şərhləri silməklə CSS və JavaScript fayllarınızı minifikasiya edin.
Niyə mobil balınız masaüstü (desktop) ilə fərqlənir?
Mobil cihazlar tez-tez masaüstü kompüterlərdən daha yavaş prosessorlara və daha qeyri-sabit şəbəkə bağlantılarına malikdir ki, bu da mobil balınızın niyə daha aşağı olduğunu izah edir. PageSpeed Insights bu real şərtləri təqlid etmək üçün məhdudlaşdırılmış şəbəkə bağlantısı ilə mobil mühiti simulyasiya edir. Mobil istifadəçilər əksər vebsaytlar üçün trafikin əhəmiyyətli hissəsini təmsil etdiyindən, bu bal ümumi sayt sağlamlığı üçün prioritetdir. Siz əmin olmalısınız ki, mobil layoutunuz təkcə cavabdeh (responsive) deyil, həm də aşağı bant genişliyi ssenariləri üçün optimallaşdırılıb.
Məsələn, ev əşyaları satan bir Shopify mağazasının masaüstündə əla görünən, lakin mobildə performansı məhv edən böyük, yüksək dəqiqlikli qəhrəman (hero) şəkilləri ola bilər. İstifadəçinin ekran eninə əsasən müxtəlif şəkil ölçülərinə xidmət etmək üçün picture elementindən və ya srcset atributlarından istifadə etməlisiniz. Bu sadə dəyişiklik vizual cazibəni sürətlə balanslaşdıraraq böyük masaüstü ekranı üçün yüksək keyfiyyətli versiyanı saxlayaraq telefona yüngül şəkil təqdim etməyə imkan verir.
Üçüncü tərəf skriptləri balınıza necə təsir edir?
İzləmə pikselləri, sosial media lentləri və çat vidjetləri kimi üçüncü tərəf skriptləri aşağı PageSpeed Insights balının ümumi səbəbkarıdır. Hər bir skript əlavə HTTP sorğusu əlavə edir və brauzerdən əlavə kodu təhlil etməyi və icra etməyi tələb edir ki, bu da əsas ipi ləngidir. Eyni vaxtda işləyən çoxlu sayda belə skriptlər olduqda, brauzer bloklanır və istifadəçi ilə səhifənin effektiv şəkildə qarşılıqlı əlaqədə olmasının qarşısını alır.
Qeyri-essensial skriptləri asinxron şəkildə yükləməklə və ya səhifə yüklənib qurtarana qədər təxirə salmaqla bu təsirləri azalda bilərsiniz. Hər səhifə yüklənməsində hansı trigerlərin işə düşdüyünü görmək üçün Tag Manager quraşdırmanızı nəzərdən keçirin. Müəyyən bir marketinq skripti dərhal istifadəçi təcrübəsi üçün vacib deyilsə, onu yükləmədən sonrakı hadisəyə köçürməyi düşünün. Bu, brauzer fonda marketinq alətlərini emal etməyə başlamazdan əvvəl istifadəçinin məzmununuzu görməsini təmin edir.
Uzunmüddətli təkmilləşdirmələr üçün texniki strategiyalar
- Layout dəyişikliklərinin qarşısını almaq üçün qatlanın üstündəki (above-the-fold) məzmun üçün kritik olan CSS-in yüklənməsinə üstünlük verin.
- Qayıdan ziyarətçilər tərəfindən təkrar yüklənmələrin qarşısını almaq üçün statik resurslar üçün müvafiq keş başlıqları təyin edin.
- Xüsusi şriftlər yüklənərkən mətnin görünən qalmasını təmin etmək üçün CSS-də font-display: swap istifadə edin.
- CMS-nizdəki plaginlərin təsirini təhlil edin və istifadəçi təcrübəsinə birbaşa dəyər verməyənləri silin.
- Hostinq mühitinizin trafik həcminiz üçün düzgün şəkildə konfiqurasiya edildiyini təmin etməklə serverin cavab müddətini optimallaşdırın.
Mükəmməl 100 bal həmişə məqsəddirmi?
İstifadəçiləriniz nəzərəçarpacaq gecikmələrlə qarşılaşmırsa, uğurlu vebsayt üçün hər zaman mükəmməl bal tələb olunmur. Yüksək rəqəmi hədəfləmək faydalı olsa da, vanity metriki qovmaq əvəzinə faktiki istifadəçi təcrübəsinə üstünlük verməlisiniz. Əsas səhifələriniz ağlabatan müddət ərzində yüklənirsə və imtina dərəcəniz (bounce rate) sabitdirsə, PageSpeed Insights balınızda kiçik təkmilləşdirmələr azalan gəlir təklif edə bilər. Konversiya dərəcəsi və əlaqə kimi birbaşa biznes məqsədlərinizə töhfə verən metriklərə diqqət yetirin.
Alien Road bu aləti yekun qiymət deyil, diaqnostik bələdçi kimi qəbul etməyinizi təklif edir. Texniki borcu aradan qaldırmaq və kod bazanızı sadələşdirmək üçün təkliflərdən istifadə edin, çünki bu tədbirlər çox vaxt daha yaxşı ümumi performansa gətirib çıxarır. Saytınız arıq və səmərəli olduqda, mükəmməl bala çatmaq üçün davamlı kiçik tənzimləmələr tələb etmədən bütün qiymətləndirmə metrikləri üzrə təbii olaraq daha yaxşı performans göstərir. Balans marketinq məqsədlərinizə də cavab verən yüksək performanslı saytı qorumağın açarıdır.
Bu həftə haradan başlamalı?
Ən vacib açılış səhifələrinizi (landing pages) müəyyənləşdirməklə və başlanğıc xətti toplamaq üçün onları PageSpeed Insights alətindən keçirməklə başlayın. Hal-hazırda bir neçə meqabayt ölçüdə olan qəhrəman şəklini sıxışdırmaq kimi ən böyük təsirə malik olacaq tək elementi tapmaq üçün İmkanlar bölməsinə diqqət yetirin. Bu tək dəyişikliyi edin, performansın yaxşılaşmasını izləyin və növbəti ən vacib səhifəniz üçün prosesi təkrarlayın. Bu sistematik yanaşma bütün sayt tərəfindən dərhal üstələnmək əvəzinə hər həftə mənalı irəliləyiş əldə etməyinizi təmin edir.
Oxumağa davam et: SEO (Axtarış Sisteminin Optimallaşdırılması) · SEO