Chrome Lighthouse: sahifani tekshirish va hisobotni o‘qish

Lighthouse nimaga qodir va chegarasi qayerda

Lighthouse — Google’ning ochiq vositasi. U sahifani nazorat qilinadigan sharoitda yuklaydi va to‘rt yo‘nalish bo‘yicha baho beradi: tezlik (Performance), foydalanish qulayligi (Accessibility), yaxshi amaliyotlar (Best Practices) va SEO. Alohida dastur o‘rnatish shart emas — u Chrome ichiga joylangan.

Chegarasini darrov bilib oling. Bu laboratoriya testi: bitta yuklanish, sekinlashtirilgan tarmoq va zaiflashtirilgan protsessor. U muammo sababini yaxshi topadi, lekin real odamlar sahifani qanday ko‘rayotganini o‘lchamaydi. Matn foydali yoki yo‘qligini, sahifa qidiruv natijasida qanchalik kuchli ekanini ham baholamaydi.

Chrome Lighthouse’ni qanday ishga tushirish

Hammasi kompyuterdagi oddiy Chrome’da bajariladi — ro‘yxatdan o‘tish ham, kengaytma ham kerak emas.

• Kerakli sahifani inkognito oynada oching.
• F12 tugmasini bosing yoki sahifada o‘ng tugma orqali «Inspect» (Tekshirish) bandini tanlang.
• Lighthouse yorlig‘ini toping. Ko‘rinmasa, yorliqlar ro‘yxatidagi ikkita strelkali belgini bosing.
• Rejimni tanlang: Navigation, Timespan yoki Snapshot.
• Qurilmani belgilang. Mobil bilan boshlang: ko‘p mijoz telefondan, masalan Instagram yoki Telegram’dagi havola orqali kiradi.
• Kerakli kategoriyalarni belgilab, tahlilni boshlang.
• Hisobot tayyor bo‘lgach, uni saqlab qo‘ying — keyin yangi o‘lchov bilan solishtirasiz.

To‘g‘ri o‘lchov uchun sharoit

Bir xil sahifa ertalab va kechqurun turli ball ko‘rsatishi mumkin: natijaga kengaytmalar, fondagi yorliqlar va protsessor yuklamasi ta’sir qiladi. Shuning uchun avval sharoitni tenglashtiring.

Ballar baribir sezilarli farq qilsa, eng yaxshi yoki eng yomon natijaga emas, bir necha ishga tushirishning o‘rtasiga tayaning.

• Inkognito oynada tekshiring — kengaytmalar natijani buzmasin.
• Og‘ir yorliq va dasturlarni yoping.
• Lokal nusxani emas, saytning ishchi versiyasini tekshiring.
• O‘lchovni bir necha marta takrorlang va solishtiring.
• Hisobotlarni faqat bir kompyuterda va bir xil sozlamada solishtiring.

Rejimlar va kategoriyalar: nimani tanlash kerak

Rejim aynan nima o‘lchanishini belgilaydi. Birinchi tanishuv uchun deyarli har doim Navigation mos keladi.

• Navigation — sahifa noldan yuklanadi. Tezlikni baholashning asosiy rejimi.
• Timespan — ma’lum vaqt oralig‘ini yozib olish: tugma bosasiz, menyu ochasiz, forma to‘ldirasiz. Sahifa bilan ishlashdagi kechikishlarni topadi.
• Snapshot — sahifani qayta yuklamasdan joriy holatini tekshiradi, masalan, savat yoki o‘lcham tanlash oynasi ochiq paytda.

Tezlik metrikalari va tavsiyalarni qanday o‘qish

Hisobotning asosiy qismi — metrikalar: birinchi kontent ko‘rinish vaqti, eng katta element chizilishi (LCP), umumiy bloklanish vaqti (TBT), maket siljishi (CLS) va tezlik indeksi. Yakuniy ball ularning har xil og‘irligidan tuziladi, shuning uchun faqat raqamga emas, qaysi metrika qizarayotganiga ham qarang.

Alohida eslatma: INP ko‘rsatkichi Navigation rejimida o‘lchanmaydi. Unga bilvosita umumiy bloklanish vaqti ishora qiladi: u yuqori bo‘lsa, sahifa skriptlar bilan haddan tashqari yuklangan bo‘lishi mumkin.

Pastda «Opportunities» (nima tezlashtiradi) va «Diagnostics» (nega shunday) bo‘limlari turadi. Ularni quyidagi tartibda ko‘rib chiqing:

• Birinchi ekrandagi asosiy rasm: og‘irligi, formati, o‘lchami.
• Chizilishni to‘sayotgan skript va stillar.
• Ishlatilmayotgan kod va tashqi vidjetlar: chat, piksel, hisoblagichlar.
• Yuklanishda joyidan siljiydigan elementlar: bannerlar, shriftlar, o‘lchami berilmagan rasmlar.

Laboratoriya va haqiqiy ma’lumot: onlayn do‘kon misoli

Toshkentdagi kiyim onlayn do‘konini tasavvur qiling. Menejer tovar sahifasini kuchli noutbukda va yaxshi Wi-Fi bilan tekshiradi — ball yaxshi chiqadi. Lekin viloyatlardagi xaridorlar sahifani arzon telefon va mobil internet orqali, ko‘pincha to‘g‘ridan-to‘g‘ri Instagram ichida ochadi va Click yoki Payme orqali to‘lovga yetmay chiqib ketadi. Lighthouse balli buni ko‘rsatmaydi.

Haqiqiy tajriba maydon ma’lumotlarida ko‘rinadi: Search Console’dagi Core Web Vitals hisoboti va PageSpeed Insights’dagi foydalanuvchi ma’lumotlari bloki (trafik yetarli bo‘lsa). Laboratoriya va maydon natijalari farq qilsa, maydon ma’lumotiga ishoning. Bunday holda Lighthouse sababni topish uchun kerak.

SEO kategoriyasi aslida nimani tekshiradi

Bu bo‘lim faqat asosni tekshiradi: title va description bormi, sahifa indeksdan yopilmaganmi, havola matnlari tushunarlimi, rasmlarda alt berilganmi, robots.txt to‘g‘rimi, shrift o‘qiladimi va telefonda tugmalar qulaymi.

To‘liq ball sahifa yaxshi optimallashtirilgan degani emas: matn mazmuni, javobning to‘liqligi, sayt tuzilmasi va tashqi havolalar bu yerda baholanmaydi. Past ball esa oddiy xato haqida aniq signal bo‘lib, uni darrov tuzatish kerak. Indeksdan yopilgan xizmat sahifasi har qanday millisekundlik yutuqdan qimmatroqqa tushadi.

Hisobot bilan ishlashdagi odatiy xatolar

Muammolarning ko‘pi vositada emas, undan chiqarilgan xulosada bo‘ladi.

• 100 ball ketidan quvib, odamlarga haqiqatan xalaqit beradigan narsani tuzatmaslik.
• Faqat bosh sahifani tekshirish, holbuki trafik katalog, tovar va maqolalarga keladi.
• Turli kompyuter va sozlamalarda olingan natijalarni solishtirish.
• Accessibility’ni e’tiborsiz qoldirish: kontrast va yorliqlar qulaylikni ham, SEO’ni ham yaxshilaydi.
• Faqat desktop rejimiga qarash.
• Bitta sahifaga qarab butun sayt haqida xulosa qilish.

Tekshiruv ro‘yxati va hisobotni dasturchiga topshirish

Har bir shablondan bittadan sahifani tekshiring: bosh sahifa, xizmat yoki katalog, tovar kartochkasi, maqola. Agar bir xil muammo hamma joyda takrorlansa, sabab shablonda — tuzatish ham shu yerda kerak.

Tavsiyalar server javobi, skriptlar yig‘ilishi yoki sayt mavzusiga tegishli bo‘lsa, hisobotni JSON yoki HTML qilib saqlab, vazifaga biriktiring. Faqat ballni emas, aniq narsani yozing: qaysi rasm og‘ir, qaysi skript bloklayapti, qaysi element siljiyapti. Tuzatishdan keyin xuddi shu sharoitda qayta o‘lchab, ikki hisobotni yonma-yon qo‘ying.

Qaysi sahifalarni birinchi navbatda tekshirish va tezlik arizalar hamda sotuvga qanday bog‘liqligini aniqlash marketing strategiyasining bir qismi. markdev jamoasi saytingizni reklama va analitika bilan birga ko‘rib chiqib, ustuvorliklarni belgilashga yordam bera oladi — yozing, vazifangizni muhokama qilamiz.

• Qurilma ongli tanlangan, mobildan boshlangan.
• O‘lchov inkognitoda, bir necha marta olingan.
• Turli shablondagi sahifalar tekshirilgan.
• Search Console’dagi maydon ma’lumotlari solishtirilgan.
• Asosiy rasm va bloklovchi resurslarga tegishli muammolar tuzatilgan.
• SEO kategoriyasidagi asosiy xatolar bartaraf etilgan.
• Takroriy o‘lchov birinchisining yonida saqlangan.