WordPress-dagi Google Core Web Vitals: saytingizni qanday optimallashtirish mumkin

Siz hali ham Google Core Web Vitals uchun saytingizni optimallashtirishga muvaffaq bo’ldingizmi?

Yo‘q deyishingiz mumkin, hammasi joyida. Siz yolg’iz emassiz. Aslida, Searchmetrics top 2 million saytlarning 96% gacha ekanligini aniqladi^[1] Core Web Vitals sinovlari muvaffaqiyatsiz tugadi. Men matematik emasman, lekin bu juda ko’p tuyuladi.

Google Core Web Vitals – bu Google-ga veb-saytingizni tahlil qilishda yordam beradigan eng so’nggi vosita. Google veb-saytlarni tartiblash uchun tezlik, kontent sifati va mobil aloqa uchun qulaylik kabi narsalardan foydalanishda davom etadi. Shunday qilib, agar siz yaxshi reytingga ega bo’lsangiz, biroz dam olishingiz mumkin.

Ammo ozgina, chunki sizning raqobatchilaringiz ularni eng yuqori darajaga olib chiqadigan ustunlikni qidirmoqda. Qanday qilib ulardan oldinda qolish mumkin? Siz ajoyib foydalanuvchi tajribasini taqdim etasiz, bu Google ham aynan shuni xohlaydi.

Va agar veb-saytingiz ajoyib tajribalarni taqdim etsa, siz katta mukofotlarga ega bo’lasiz va ajoyib tarkib. Ushbu maqolada biz sizga shunday veb-sayt yaratishda yordam beramiz.

Biz Google Core Web Vitals-ga sho’ng’ishdan boshlaymiz, shuning uchun ular nimani anglatishini va nimani o’lchashini aniq bilib olasiz. Keyin biz Core Web Vitals-dan har doim o’tadigan sahifalar yaratish bo’yicha eng yaxshi maslahatlarimizni baham ko’ramiz.

Vaqt jadvalida oʻzgarishlar roʻy bergan va yangilanish iyun oyining oʻrtalariga qadar joriy etilmasa-da, bizda hali koʻp ish qilish kerak. Qani boshladik!

📚 Mundarija:

Google Core Web Vitals nima (va nima uchun ular haqida qayg’urishingiz kerak)?

Agar Google yangilanishlari sizga tegishli bo’lmasa, hayajon nimada ekani haqida o’ylayotgandirsiz. Keling, tafsilotlarni tezda ko’rib chiqaylik.

2020-yilning may oyida Google oʻzining qidiruv reytinglariga Core Web Vitals yangi qoʻshimchasini eʼlon qildi. Bunday e’lon odatda ko’p mehnat talab qiladi kimdir. Veb-saytlarni tartiblash uchun ishlatiladigan 200 dan ortiq noyob omillar^[2]Google reytingini qamrab oladi hamma narsa.

Hatto sizning domen yoshingiz reytingingizda qandaydir rol o’ynashini topasiz. Bunday holda, Google Core Web Vitals foydalanuvchi tajribasiga yoki veb-saytingizdan qanday foydalanishga e’tibor beradi.

Kelgusida Google Core Web Vitals bir qator ko’rsatkichlarga ega bo’ladi, ammo 2021 yilgi yangilanish uchta o’z ichiga oladi: eng katta kontentli bo’yoq (LCP), to’plangan tartibni siljitish (CLS) va birinchi kiritish kechikishi (FID).

Eng katta tarkibli bo’yoq (LCP)

Sizning LCP – bu eng katta kontentni yuklab olish uchun qancha vaqt ketishini o’lchash. Bu rasm yoki oddiy matn bo’lishi mumkin. Nima bo’lishidan qat’iy nazar, u yuklanganidan keyin veb-sayt his qiladi tayyor.

Yaxshisi, eng katta kontentli bo’yoq faqat foydalanuvchining ko’rish oynasidagi tarkibni o’lchaydi. Buklama ostidagi har qanday rasm LCP ballingizga hisoblanmaydi.

Agar siz o’tish natijasini olishni istasangiz, LCP 2,5 soniyadan kam bo’lishi kerak.

Kumulyativ tartibni siljitish (CLS)

CLS yuklash jarayonida sahifangizning barqarorligini o’lchaydi. Bu tasvirlar kech yuklanganda yoki shriftlar uslublarni almashtirganda yuz berishi mumkin bo’lgan barcha o’zgarishlarni o’lchaydi. Hatto tugmalar kabi narsalar sahifada kutilmagan siljishlarni keltirib chiqarishi mumkin.

Agar sizning elementlaringiz to’satdan harakatlansa (va 0,1 dan ortiq), sizda CLS muammosi mavjud.

Birinchi kirish kechikishi (FID)

FID brauzer qanchalik tez interaktiv bo’lishini o’lchaydi. Bu shuni anglatadiki, tashrif buyuruvchilar buni qilishlari mumkin narsalar va reaktsiyaga ega bo’ling. U havolalarni bosish, tugmalarni bosish yoki katakchalarni to’ldirish kabi narsalarni o’z ichiga oladi.

Agar foydalanuvchilar 100 ms ichida shakllar va so’rovlarga ma’lumotlarni kiritish kabi ishlarni qila olsalar, bu ko’rsatkichdan o’tishingiz mumkin.

Google Core Web Vitals ballingizni qanday sinab ko’rish (va o’qish) mumkin

Core Web Vitals-ning ajoyib jihatlaridan biri bu ularning foydalanuvchilarga qulay yondashuvidir. Bu sinab ko’rish qiyin bo’lgan bir qator sirli o’lchovlar emas (tushunish u yoqda tursin). Buning o’rniga, hamma narsa mumkin veb-saytingizni sinab ko’rish va tuzatish uchun bir qator rasmiy Google vositalaridan foydalanish juda oson.

Sinov haqida gap ketganda, siz ikkita asosiy toifani bilishingiz kerak: laboratoriya sinov vositalari va dala sinov vositalari. Dala sinovi vositalari Chrome foydalanuvchi tajribasi hisobotiga kirgan haqiqiy foydalanuvchilar tomonidan olingan haqiqiy maʼlumotlar bilan quvvatlanadi. Bu ularni Core Web Vitals uchun qimmatroq qiladi. Biz ikkita variantga e’tibor qaratamiz:

• Google Search Console’dan Google Core Web Vitals hisoboti.
• Sahifa tezligi insights testi dala va laboratoriya natijalariga ega.

Keling, Google Core Web Vitals hisobotidan boshlaylik, chunki u bizga qaysi URL manzillari muammo ekanligini aytib beradi.

Google Search Console yordamida

Konsolga kirganingizdan so’ng, topish uchun pastga aylantiring Tajriba → Core Web Vitals. Bu yerni bosish orqali har bir URL manzili yaxshi, yaxshilash kerak yoki yomon deb tasniflangan toʻliq sayt hisobotini ochadi.

⚠️ Agar siz Google Search Console’ni sozlamagan bo‘lsangiz, WordPress bilan Google Search Console’dan foydalanish bo‘yicha qo‘llanmamiz bilan tanishib chiqing.

ni bosing Hisobotni oching Core Web Vitals ko’rsatkichi eng ko’p muammo tug’dirayotgani haqida aniqroq ma’lumot olish uchun.

ni bossangiz Turi Siz URL manzillarining to’liq ro’yxatini olasiz, keyin ularni sinab ko’rish mumkin Sahifa tezligi haqidagi ma’lumotlar qo’shimcha ma’lumot uchun.

Page Speed ​​Insights-dan foydalanish

Sahifaning URL manzilini kiriting va ustiga bosing Tahlil qiling testni boshlash uchun. Sukut bo’yicha birinchi navbatda mobil natijalarni ko’rsatadigan tahlilni yakunlash juda ko’p vaqt talab qilmasligi kerak. Biroq, Core Web Vitals maʼlumotlarini yangi sinovdan oʻtmasdan ham mobil, ham ish stoli orqali koʻrishingiz mumkin. Natijalarni sahifaning eng yuqori qismida topasiz:

Agar siz butun sahifangizni sinab ko’rmoqchi bo’lsangiz, ustiga bosing Kelib chiqishi haqida xulosa. Ko’rib turganingizdek, Core Web Vitals ular qanchalik tez-tez o’tishini ko’rsatadigan foizlar bilan foydali tarzda belgilab qo’yilgan. Bu sahifa ishonchli, ammo muvaffaqiyatsiz sahifalar uchun nima qilishimiz mumkin?

Google Core Web Vitals reytingini yaxshilash uchun nima qilishim mumkin?

Aslida, Core Web Vitals ballarini yaxshilash uchun juda ko’p ish qilishimiz mumkin (hatto texnik ko’nikmalarsiz ham). Keling, foydalanuvchi tajribasini va Core Web Vitalsni yaxshilash bo’yicha eng yaxshi maslahatlarimizni ko’rib chiqaylik.

Xostingingizni yangilang

Ha, server javobini yaxshilashning yaxshi yo’li yo’q. Aslida, xostlarni almashtirish qiyin bo’lishi mumkin (qimmatini aytmasa ham bo’ladi), lekin siz umumiy hostingdan maxsus xostingga o’tishingiz shart emas. Aytmoqchimanki, bu sakrash ko’plab ishlash muammolarini hal qiladi, lekin tezroq serverga kichik o’tish ham sezilarli yaxshilanishlarni ta’minlaydi.

Aytgancha, agar siz allaqachon o’zgarishlarni amalga oshirishga qaror qilgan bo’lsangiz, birinchi navbatda eng yaxshi ishlaydigan WordPress xostlarini taqqoslashimizni o’qing. Ammo, agar siz haqiqatan ham shoshilayotgan bo’lsangiz, quyidagi jadvalga qarang:

Standart optimallashtirishlardan tashqari, yuqoridagi xostlarning har biri server tomonida keshlashning qandaydir shakllarini taklif qiladi. Keshlash – bu saytingizning HTML versiyasini olishni osonlashtirish uchun serveringizda saqlash jarayoni. Server tomonida keshlashni boshqarish va sozlash qiyin bo’lishi mumkin, shuning uchun siz potentsial xostingizdan ularning jarayoni haqida so’rashingiz kerak bo’ladi.

Keshlash plaginidan foydalanish

Biroq, barcha xostlar server tomonida keshlashni taklif qilmaydi, lekin siz sahifani keshlash plagini bilan ba’zi afzalliklardan bahramand bo’lishingiz mumkin. Hatto sahifa darajasida keshlash ham eng katta kontentli bo’yoqni yaxshilash uchun kontentni etarlicha tez yetkazib beradi.

Plagindan foydalanish haqida gap ketganda, men WP Super Cache-ni tavsiya qilaman, chunki u oddiy va ilg’or variantlar (oldindan yuklash kabi) bilan mutlaqo bepul (yangilanishsiz).

WP Super Cache-dan foydalanish qanchalik oson? Tekshirib ko’r:

Plagin o’rnatilgan va faollashtirilgandan so’ng sozlamalarni orqali oching Sozlamalar → WP Super keshi. ni bosing Oson va aylantiring Keshlash yoqilgan undan keyin Statusni yangilash.

Bir nuqtada siz keshingiz bilan bog’liq muammolarga duch kelasiz. Sizda nafaqat keshlangan juda ko’p sahifalar bo’ladi, balki yangi o’zgarishlar saytda ko’rinmaydi. Agar bu sodir bo’lsa, keshni bosish orqali tozalashingiz mumkin Keshni o’chirish.

WP Super Cache shuningdek, eng mashhur sahifalaringizni oldindan yuklash imkoniyatini ham taklif etadi. Biroq, oldindan yuklash qimmatli resurslarni oladi, shuning uchun siz donolik bilan tanlashingiz va protsessoringizni har kuni kuzatib borishingiz kerak bo’ladi.

Uni sozlash oson. ni bosing Oldindan yuklash variant. Keshni yangilashning muntazamligini va eski fayllarni o’chirish yoki o’chirmaslikni belgilashingiz mumkin.

Sozlamalardan mamnun bo’lganingizdan so’ng, bosing Keshni hozir oldindan yuklang boshlash uchun. Keshlash jarayoni tugagandan so’ng, fayllar sizning kompyuteringizda bo’ladi wp-content/cache serverdagi papka.

Tasvirlaringizni optimallashtiring

Odamlar rasmlarni yaxshi ko’radilar. Va, biz hammamiz ulardan ko’p foydalanamiz, to’g’rimi? Biroq, tasvirlar Core Web Vital reytingingizga zarar etkazishi mumkin. Buning bir necha sabablari bor:

• Rasm juda og’ir bo’lishi mumkin.
• Rasm oʻlchamlari juda katta.
• Siz sahifadagi har bir rasmni yuklayapsiz.
• Tasvirlar sizning serveringizdan butun dunyodagi odamlarga yuboriladi.

Yaxshiyamki, yuqorida aytilganlarning barchasini tuzatishning oson yo’li mavjud.

Birinchidan, rasmlar haqida gap ketganda, bir nechta narsalarni ko’rib chiqing:

• Sizga har bir tasvir kerakmi?
• Siz qanday o’lchamlardan foydalanasiz? Biz > 2000 pikselni maqsad qilganmiz.
• Orqa fon uchun naqshlar, gradientlar yoki SVGlardan foydalaning.
• Yuqoridagi tasvirlarni logotip va qahramon tasviri bilan cheklang.
• Buklanish ustidagi slayderlar yoki karusellardan foydalanmang.

Tasvirlaringizni tozalaganingizdan so’ng, qolganlarini optimallashtirishingiz mumkin. Tasvirni optimallashtirish tasvir oʻlchamlarini kamaytirishi, ularning oʻlchamlarini yaxshilashi va foydalanuvchilarga yaqinroq serverlar yordamida ularni Kontentni yetkazib berish tarmogʻidan (CDN) yetkazib berishi mumkin. Bularning barchasi uchun men tavsiya qilaman Optimol.

Optimole bulutda yuqorida aytilganlarning barchasini bajarish orqali serverlaringizni ko’p ishlarni tejaydi. ga boring Optimol va API kalitiga ro’yxatdan o’ting (bulut operatsiyalariga kirish uchun bu kerak).

Siz Optimole boshqaruv paneli orqali hisobingizni tasdiqlash uchun elektron pochta xabarini olasiz. API kalitini oling va WordPress saytingizga kiring.

Optimole-ni o’rnatganingizdan va faollashtirganingizdan so’ng sozlamalarga kiring Media → Optimole menyu. API kalitingizni kiriting va ulanish tugmasini bosing.

Siz ham yoqishingiz kerak Tasvirlarni masshtablash va Lazy yuk.

Tasvirlarni masshtablash, Optimole qurilmaga mos o’lchamdagi tasvirlarni (qanday bo’lishidan qat’iy nazar) joylashishni o’zgartirishni kamaytirish uchun yuborishini anglatadi.

Dangasa yuklash siz faqat foydalanuvchilaringiz ko’rish oynasida ko’rishi mumkin bo’lgan rasmlarni yuklashingizni anglatadi. Ushbu sozlama bilan Optimole qolganini hal qilsin.

Kodni optimallashtirish

WordPress saytini boshqarish bilan bog’liq narsa barcha harakatlanuvchi qismlardir. Mavzular va plaginlar va ularni quvvatlaydigan tillar o’rtasida texnik bo’lmagan odam uchun kodni optimallashtirish qiyin.

Shubhasiz, biz optimallashtirilgan kod bazasiga ega mavzularni tanlashimiz va shishgan kodli plaginlardan qochishimiz mumkin. Bundan tashqari, biz kodni ikkita asosiy usulda optimallashtirishimiz mumkin:

Bir salbiy tomoni, Autoptimize juda ko’p sozlamalarga ega, ya’ni barchaga mos keladigan haqiqiy yechim yo’q.

Buni aytib, siz ishonch bilan tanlashingiz mumkin Optimallashtirish barcha JavaScript, CSS, HTML. Bu sozlama boʻshliqlar va qator tanaffuslari kabi narsalarni olib tashlash orqali kodingizni kichraytiradi. Kichiklashtirishdan tashqari, Autoptimize ko’proq o’rganishni va ko’p narsalarni sinab ko’rishni istaganlar uchun ajoyib ishlash imkoniyatlariga ega.

Misol uchun, ilg’or vazifalar yordamida sezilarli tezlikni oshirishingiz mumkin, masalan CSS-ni oldindan yuklash va muhim CSS-ni kiritish, lekin uni ishlatishdan oldin har bir variantni o’qib chiqishingiz kerak bo’ladi.

Shriftlar va piktogrammalar

Siz shriftlaringizni boshqarish uchun Autoptimize-dan foydalanishingiz mumkin, ayniqsa, agar siz Google Shriftlaridan foydalanishga sodiq bo’lsangiz. Kümülatif Layout Shift-ga zarar etkazadigan “uslubsiz matn chaqnashi”ning oldini olish uchun siz hatto Google shriftlarini oldindan yuklashga urinib ko’rishingiz mumkin.

Men bir nechta turli xil variantlarni sinab ko’rishni va saytingiz uchun eng yaxshisini ko’rishni tavsiya qilaman. Afsuski, agar siz Elementor-dan foydalansangiz, siz hali ham tartib o’zgarishini ko’rasiz. Agar shunday bo’lsa, tizim shriftlariga o’tishni o’ylab ko’ring.

Reklama uchun eng yaxshi amaliyotlar

Tartibni o’zgartirish haqida gap ketganda, reklamalar eng katta muammolardan biridir. Odatda, reklamalar kontentni pastga tushiradi, bu esa yomon foydalanuvchi tajribasini yaratadi. Yaxshiyamki, eng yaxshi amaliyotlarga rioya qilish orqali siljishni kamaytirish mumkin.

Eng muhimi, reklamaning joylashishi ko’proq bosish va sizning tartibingizga ta’sir qilish o’rtasida muvozanatli bo’lishi kerak. Masalan, ko’rish oynasining yuqori qismiga reklama qo’ymang. Agar oxirgi reklama hajmi konteynerdan kattaroq bo’lsa, u barcha kontentingizni pastga tushiradi. E’lon kamroq zarar keltiradigan sahifaning o’rtasiga intiling.

Eng yaxshi joylashtirishga qaror qilganingizda, reklama uchun joy ajrating. Garchi bu sizga bo’sh joy qoldirishi mumkin bo’lsa-da, bu savdoga arziydi.

Xulosa

Ushbu maslahatlar yordamida natijalaringizning yaxshilanishini darhol ko’rishingiz kerak. Yaxshisi, variantlarning har biri keyingi optimallashtirish uchun yaxshi boshlanish nuqtasini beradi.

Biz juda ko’p erlarni bosib o’tdik, shuning uchun xulosa qilish uchun:

• Xosting rejangizni yangilash natijalaringizni yaxshilashga yordam beradi.
• Keshlash plaginidan foydalanish kontentni yetkazib berishni tezlashtirishi kerak.
• Tasvirlarni optimallashtirish va CDN dan foydalanish sayt ish faoliyatini yaxshilashi kerak.
• Kodni optimallashtirish orqali siz saytingiz yuklanishini boshqarishingiz mumkin.
• Ko’rib chiqilgan shrift tanlash va oldindan yuklash bilan siz tezlikni oshirishdan bahramand bo’lishingiz mumkin.
• Eng yaxshi reklama amaliyotlariga rioya qilish orqali siz tartib o’zgarishlarini kamaytirishingiz mumkin.