WordPress-də Google Core Web Vitals: Saytınızı necə optimallaşdırmaq olar

Saytınızı hələ də Google Core Web Vitals üçün optimallaşdıra bilmisiniz?

Deyə bilərsiniz, yox, yaxşıdır. Sən tək deyilsən. Əslində, Searchmetrics tapdı ki, ən yaxşı 2 milyon saytın 96%-ə qədəri^[1] uğursuz Core Web Vitals testləri. Mən riyaziyyatçı deyiləm, amma bu çox səslənir.

Google Core Web Vitals, Google-a veb saytınızı təhlil etməyə kömək edən ən son vasitədir. Google hələ də veb saytları sıralamaq üçün sürət, məzmun keyfiyyəti və mobil uyğunluq kimi şeylərdən istifadə edəcək. Beləliklə, yaxşı sıralamısınızsa, bir az dincələ bilərsiniz.

Ancaq bir az, çünki rəqibləriniz onları zirvəyə aparacaq kənar axtarırlar. Necə onlardan qabaqda qala bilərsən? Siz əla istifadəçi təcrübəsi təqdim edirsiniz, bu da Google-un da istədiyi budur.

Veb saytınız böyük təcrübələr təqdim edərsə, böyük mükafatlar alacaqsınız və əla məzmun. Bu yazıda sizə belə bir veb sayt yaratmağa kömək edəcəyik.

Google Core Web Vitals-a nəzər salmaqla başlayacağıq ki, siz onların nə demək olduğunu və nəyi ölçdüyünü dəqiq bilirsiniz. Sonra, həmişə Core Web Vitals-dan keçən səhifələr yaratmaq üçün ən yaxşı məsləhətlərimizi paylaşacağıq.

Zaman qrafikində dəyişiklik olsa və yeniləmə iyunun ortalarına qədər yayılmasa da, hələ çox işimiz var. Gəlin başlayaq!

📚 Mündəricat:

Google Core Web Vitals nədir (və niyə onlara əhəmiyyət verməlisiniz)?

Google yeniləmələri sizə aid deyilsə, yəqin ki, həyəcanın nə ilə bağlı olduğunu düşünürsünüz. Detallara qısaca nəzər salaq.

2020-ci ilin may ayında Google öz axtarış reytinqlərinə yeni əlavə, Core Web Vitals elan etdi. Belə bir elan adətən çox iş deməkdir kimsə. Veb saytları sıralamaq üçün istifadə edilən 200-dən çox unikal faktorla^[2]Google reytinqləri əhatə edir hər şey.

Hətta domen yaşınızın reytinqinizdə müəyyən rol oynadığını görərsiniz. Bu halda, Google Core Web Vitals istifadəçi təcrübəsinə və ya veb saytınızdan istifadə etməyin necə bir şey olduğuna diqqət yetirir.

Gələcəkdə, Google Core Web Vitals bir sıra ölçülərə sahib olacaq, lakin 2021-ci il yeniləməsinə üçü daxildir: Ən Böyük Məzmunlu Rəng (LCP), Məcmu Layout Shift (CLS) və İlk Giriş Gecikməsi (FID).

Ən böyük məzmunlu boya (LCP)

LCP-niz ən böyük məzmun parçasının endirilməsi üçün nə qədər vaxt lazım olduğunun ölçülməsidir. Bu şəkil və ya sadəcə mətn ola bilər. Nə olursa olsun, yükləndikdən sonra vebsayt hiss edir hazır.

Daha yaxşısı, Ən Böyük Məzmunlu Paint yalnız istifadəçinin baxış pəncərəsindəki məzmunu ölçür. Qapağın altındakı hər hansı şəkil LCP xalınıza hesablanmayacaq.

Keçid nəticə əldə etmək istəyirsinizsə, LCP-nin 2,5 saniyədən az olması lazımdır.

Kümülatif Layout Shift (CLS)

CLS yükləmə prosesi zamanı səhifənizin sabitliyini ölçür. Şəkillər gec yükləndikdə və ya şriftlər üslubları dəyişdirdikdə baş verə biləcək bütün dəyişiklikləri ölçür. Hətta düymələr kimi şeylər səhifədə gözlənilməz yerdəyişmə yarada bilər.

Elementləriniz qəfil hərəkət edirsə (və 0,1-dən çox), həll etməli olduğunuz CLS probleminiz var.

İlk Giriş Gecikməsi (FID)

FID brauzerin nə qədər tez interaktiv olduğunu ölçür. Bu, ziyarətçilərin edə biləcəyi deməkdir əşyalar və reaksiya alın. Buraya keçidlərə klikləmək, düymələrə basmaq və ya onay qutularını tamamlamaq kimi şeylər daxildir.

İstifadəçilər 100 ms ərzində formalara və sorğulara məlumat daxil etmək kimi işləri görə bilsələr, bu metrikanı keçə bilərsiniz.

Google Core Web Vitals balınızı necə yoxlamaq (və oxumaq) olar

Core Web Vitals-in ən gözəl cəhətlərindən biri onların istifadəçi dostu yanaşmasıdır. Bu, sınanması çətin olan bir dəstə gizli ölçülər deyil (başa düşmək bir yana). Əksinə, hər şey bacarmaq veb saytınızı yoxlamaq və düzəltmək üçün bir sıra rəsmi Google alətləri ilə kifayət qədər asan olun.

Testə gəldikdə, iki əsas kateqoriya haqqında bilməlisiniz: laboratoriya test alətləri və sahə sınaq alətləri. Sahə test alətləri Chrome İstifadəçi Təcrübəsi Hesabatına daxil olan faktiki istifadəçilərdən götürülmüş real dünya məlumatları ilə dəstəklənir. Bu, onları Core Web Vitals üçün daha dəyərli edir. İki varianta diqqət yetirəcəyik:

• Google Axtarış Konsolundan Google Core Web Vitals hesabatı.
• Sahə və laboratoriya nəticələrinə malik olan Page Speed ​​Insights testi.

Gəlin Google Core Web Vitals hesabatı ilə başlayaq, çünki o, hansı URL-lərin problem olduğunu söyləyəcək.

Google Axtarış Konsolundan istifadə

Konsolda olduqdan sonra tapmaq üçün aşağı diyirləyin Təcrübə → Core Web Vitals. Bura klikləməklə, hər bir URL-nin Yaxşı, Təkmilləşdirməyə Ehtiyacı var və ya Pis kimi təsnif edilən tam sayt hesabatı açılacaq.

⚠️ Google Axtarış Konsolunu quraşdırmamısınızsa, WordPress ilə Google Axtarış Konsolundan istifadəyə dair bələdçimizi oxumağa vaxt ayırın.

Basın Hesabatı açın Core Web Vitals metrikasının ən çox problemə səbəb olması haqqında daha konkret məlumat əldə etmək.

üzərinə klikləsəniz Növ daha sonra sınaqdan keçirilə bilən URL-lərin tam siyahısını əldə edəcəksiniz Səhifə sürəti haqqında məlumat Daha ətraflı məlumat üçün.

Page Speed ​​Insights istifadə

Səhifənizin URL-ni daxil edin və vurun Təhlil edin testə başlamaq üçün. Defolt olaraq ilk olaraq mobil nəticələri göstərəcək təhlili tamamlamaq çox uzun çəkməməlidir. Bununla belə, siz Core Web Vitals məlumatlarına yeni bir sınaq keçirmədən həm mobil, həm də masaüstü kompüterdən baxa bilərsiniz. Nəticələri səhifənin yuxarı hissəsində tapa bilərsiniz:

Bütün səhifənizi sınamaq istəyirsinizsə, üzərinə klikləyin Mənşə Xülasə. Gördüyünüz kimi, Core Web Vitals, onların nə qədər tez-tez keçdiyini göstərən faizlərlə faydalı şəkildə işarələnmişdir. Bu səhifə möhkəm keçiddir, lakin uğursuz səhifələr üçün nə edə bilərik?

Google Core Web Vitals balımı artırmaq üçün nə edə bilərəm?

Əslində, Core Web Vitals ballarını yaxşılaşdırmaq üçün edə biləcəyimiz çox şey var (hətta texniki bacarıqlar olmadan). İstifadəçi təcrübəsini və Core Web Vitals-ı təkmilləşdirmək üçün ən yaxşı məsləhətlərimizə nəzər salaq.

Hostinqinizi təkmilləşdirin

Bəli, server cavabını yaxşılaşdırmaq üçün yaxşı bir cavab verməkdən daha yaxşı bir yol yoxdur. Əslində, hostların dəyişdirilməsi çətin ola bilər (bahalı deyil), lakin paylaşılan hostinqdən xüsusi hostinqə keçməyə ehtiyac yoxdur. Demək istədiyim odur ki, bu sıçrayış bir çox performans problemini həll edəcək, lakin daha sürətli serverə kiçik bir sıçrayış da nəzərəçarpacaq performans təkmilləşdirmələri təmin edə bilər.

Bunu dedikdən sonra, artıq dəyişiklik etmək qərarına gəlmisinizsə, əvvəlcə ən yaxşı performans göstərən WordPress hostları ilə müqayisəmizi oxuyun. Ancaq həqiqətən tələsirsinizsə, aşağıdakı cədvələ baxın:

Standart optimallaşdırmalara əlavə olaraq, yuxarıdakı hostların hər biri server tərəfində keşləşdirmənin bəzi formalarını təklif edir. Keşləmə saytınızın HTML versiyasını əldə etməyi asanlaşdırmaq üçün serverinizdə saxlama prosesidir. Server tərəfində keşləmə idarə etmək və konfiqurasiya etmək çətin ola bilər, buna görə də potensial hostunuzdan onların prosesi haqqında soruşmalısınız.

Keşləmə plaginindən istifadə

Bununla belə, bütün hostlar server tərəfində keşləmə təklif etmir, lakin siz səhifənin keşləmə plagini ilə bəzi üstünlüklərdən istifadə edə bilərsiniz. Hətta səhifə səviyyəsində keşləmə ən böyük məzmunlu boyanı təkmilləşdirmək üçün kifayət qədər sürətli məzmun təqdim edir.

Pluginin istifadəsinə gəldikdə, mən WP Super Cache-ni tövsiyə edərdim, çünki o, sadə və qabaqcıl seçimlərlə (öncədən yükləmə kimi) tamamilə pulsuzdur (təkmilləşdirmələr yoxdur).

WP Super Cache-dən istifadə etmək nə qədər asandır? Onu yoxlamaq:

Plugin quraşdırıldıqdan və aktivləşdirildikdən sonra vasitəsilə parametrləri açın Parametrlər → WP Super Cache. Basın Asan və çevirin Keşləmə Aktivdir daha sonra Statusu yenilə.

Bir nöqtədə, önbelleğinizlə bağlı bəzi problemlərlə qarşılaşacaqsınız. Nəinki keşlənmiş çoxlu səhifəniz olacaq, həm də saytda yeni dəyişikliklər görünməyəcək. Bu baş verərsə, klikləməklə önbelleği təmizləyə bilərsiniz Keşi silin.

WP Super Cache həmçinin ən populyar səhifələrinizi əvvəlcədən yükləmək seçimini təklif edir. Bununla belə, əvvəlcədən yükləmə qiymətli resursları tutacaq, ona görə də ağıllı seçim etməli və CPU-nu hər gün izləməli olacaqsınız.

Onu qurmaq asandır. üzərinə klikləyin Əvvəlcədən yükləmə seçim. Siz keş yenilənməsinin müntəzəmliyini və köhnə faylların silinib-silinməyəcəyini təyin edə bilərsiniz.

Parametrlərdən razı qaldıqdan sonra vurun İndi Keşi Öncədən Yükləyin başlamaq üçün. Keşləmə prosesi başa çatdıqdan sonra fayllar sizin yaddaşınızda olacaq wp-content/cache serverdəki qovluq.

Şəkillərinizi optimallaşdırın

İnsanlar şəkilləri sevirlər. Və hamımız onlardan çox istifadə edirik, elə deyilmi? Lakin, şəkillər Core Web Vital ballarınıza zərər verə bilər. Bunun bir neçə səbəbi var:

• Şəkil çox ağır ola bilər.
• Şəkil ölçüləri çox böyükdür.
• Siz səhifədəki hər şəkli yükləyirsiniz.
• Şəkillər serverinizdən bütün dünyada insanlara göndərilir.

Xoşbəxtlikdən, yuxarıda göstərilənlərin hamısını düzəltməyin asan bir yolu var.

Şəkillərə gəldikdə əvvəlcə bir neçə şeyi nəzərdən keçirin:

• Hər görüntüyə ehtiyacınız varmı?
• Hansı ölçülərdən istifadə edirsiniz? >2000px hədəfləyirik.
• Arxa fonlar üçün nümunələr, gradientlər və ya SVG-lərdən istifadə etməyə çalışın.
• Qapağın üstündəki şəkilləri loqo və qəhrəman şəkli ilə məhdudlaşdırın.
• Qapağın üstündəki sürgülərdən və ya karusellərdən istifadə etməyin.

Şəkillərinizi təmizlədikdən sonra qalanlarını optimallaşdıra bilərsiniz. Şəkil optimallaşdırılması şəkillərin ölçülərini azalda, ölçülərini yaxşılaşdıra və istifadəçilərinizə daha yaxın olan serverlərdən istifadə edərək onları Məzmun Çatdırılma Şəbəkəsindən (CDN) çatdıra bilər. Bütün bunlar üçün tövsiyə edirəm Optimol.

Optimole buludda yuxarıda göstərilənlərin hamısını yerinə yetirməklə serverlərinizin çox işinə qənaət edir. -a baş çəkin Optimol və API açarı üçün qeydiyyatdan keçin (bulud əməliyyatlarına daxil olmaq üçün buna ehtiyacınız var).

Optimole idarə paneli vasitəsilə hesabınızı təsdiqləmək üçün e-məktub alacaqsınız. API açarını götürün və WordPress saytınıza daxil olun.

Optimole-u quraşdırıb aktivləşdirdikdən sonra buradan parametrlərə daxil olun Media → Optimole menyu. API açarınızı daxil edin və əlaqə düyməsini basın.

Siz də aktivləşdirməlisiniz Şəkilləri miqyaslayın və Tənbəl yük.

Şəkillərin miqyası o deməkdir ki, Optimole planın dəyişməsini azaltmaq üçün cihaz üçün mükəmməl ölçülü şəkillər göndərəcək (nə olursa olsun).

Tənbəl yükləmə o deməkdir ki, siz yalnız istifadəçilərinizin baxış pəncərəsində görə biləcəyi şəkilləri yükləyəcəksiniz. Bu quraşdırma ilə Optimole qalanları idarə etsin.

Kodun optimallaşdırılması

WordPress saytını idarə edən şey bütün hərəkət edən hissələrdir. Mövzular və plaginlər və onları gücləndirən dillər arasında texniki olmayan bir şəxs üçün kodu optimallaşdırmaq çətindir.

Aydındır ki, biz optimallaşdırılmış kod bazası olan mövzuları seçə və şişirilmiş kodu olan plaginlərdən qaça bilərik. Bundan əlavə, kodu iki əsas yolla optimallaşdıra bilərik:

Bir mənfi cəhəti odur ki, Autoptimize çoxlu parametrlərə malikdir, bu o deməkdir ki, hər kəsə uyğun olan orijinal həll yoxdur.

Bunu dedikdən sonra təhlükəsiz şəkildə seçə bilərsiniz Optimallaşdırın bütün JavaScript, CSS, HTML. Bu parametr boşluqlar və sətir fasilələri kimi şeyləri silməklə kodunuzu kiçildir. Kiçikləşdirmədən başqa, Autoptimize daha çox öyrənmək və çox şey sınamaq istəyən hər kəs üçün əla performans seçimlərinə malikdir.

Məsələn, kimi qabaqcıl tapşırıqlardan istifadə edərək əhəmiyyətli sürət artımları əldə edə bilərsiniz CSS-nin əvvəlcədən yüklənməsi və kritik CSS-ni daxil etmək, lakin istifadə etməzdən əvvəl hər variantı oxumalı olacaqsınız.

Şriftlər və nişanlar

Xüsusilə Google Şriftlərindən istifadə etməyə sadiqsinizsə, şriftlərinizi idarə etmək üçün Autooptimimize istifadə edə bilərsiniz. Siz hətta Kumulyativ Layout Shift-ə zərər verən ‘stilsiz mətnin parıltısının’ qarşısını almaq üçün Google Şriftlərinizi əvvəlcədən yükləməyə cəhd edə bilərsiniz.

Mən bir neçə fərqli variantı sınamağı və saytınız üçün ən yaxşı olanı görməyi məsləhət görərdim. Təəssüf ki, əgər siz Elementor istifadə edirsinizsə, onda siz hələ də planın dəyişdiyini görəcəksiniz. Əgər bu sizin vəziyyətinizdədirsə, sistem şriftlərinə keçməyi düşünün.

Reklamlar üçün ən yaxşı təcrübələr

Planın dəyişdirilməsinə gəldikdə, reklamlar ən böyük problemlərdən biridir. Adətən, reklamlar məzmunu aşağı itələyir və bu, zəif istifadəçi təcrübəsi yaradır. Xoşbəxtlikdən, ən yaxşı təcrübələrə riayət etməklə növbəni azaltmaq mümkündür.

Ən əsası, reklamın yerləşdirilməsi daha çox klik əldə etmək və tərtibatınıza təsir etmək arasında balanslaşdırılmış olmalıdır. Məsələn, görüntünün yuxarı hissəsində reklam yerləşdirməyin. Son reklam ölçüsü konteynerdən böyükdürsə, bütün məzmununuzu aşağı itələyir. Reklamın daha az zərər verəcəyi səhifənin ortasını hədəfləyin.

Ən yaxşı yerləşdirməyə qərar verdikdə, reklam üçün yer ayırın. Bu, sizə bir az boş yer qoysa da, bu, mübadilə etməyə dəyər ola bilər.

Nəticə

Bu məsləhətlərlə siz nəticələrinizdə dərhal yaxşılaşma görməlisiniz. Daha yaxşısı, seçimlərin hər biri gələcək optimallaşdırmalar üçün sizə yaxşı başlanğıc nöqtəsi verir.

Biz çoxlu yer örtdük, beləliklə, xülasə etmək üçün:

• Hosting planınızı təkmilləşdirmək nəticələrinizi yaxşılaşdırmağa kömək edə bilər.
• Keşləmə plaginindən istifadə məzmunun çatdırılmasını sürətləndirməlidir.
• Şəkillərin optimallaşdırılması və CDN-dən istifadə saytın işini yaxşılaşdırmalıdır.
• Kod optimallaşdırmaları ilə saytınızın necə yüklənməsinə nəzarət edə bilərsiniz.
• Nəzərə alınan şrift seçimi və əvvəlcədən yükləmə ilə sürəti artırmaqdan zövq ala bilərsiniz.
• Ən yaxşı reklam təcrübələrinə əməl etməklə siz düzən dəyişikliklərini azalda bilərsiniz.