Chrome DevTools’dagi Lighthouse: sahifani tekshirish va natijalarni o‘qish

Lighthouse — Google’ning ochiq vositasi bo‘lib, sahifani tezlik, foydalanish qulayligi, yaxshi amaliyotlar va asosiy SEO talablari bo‘yicha tekshiradi. U Chrome brauzerining dasturchi vositalariga o‘rnatilgan, alohida dastur kerak emas.

Qanday ochish

1. Sahifani Chrome’da oching
2. Dasturchi vositalarini oching — F12 tugmasi yoki sahifadagi kontekst menyusidan «Inspect» bandi — interfeys tiliga qarab nomi boshqacha bo‘lishi mumkin
3. Lighthouse yorlig‘ini tanlang
4. Qurilma turi va kategoriyalarni belgilang
5. Tahlilni boshlang

To‘g‘ri sharoit

Natijaga brauzer holati ta’sir qiladi. Aniqroq natija uchun:

• Inkognito oynada tekshiring — kengaytmalar aralashmasin
• Boshqa og‘ir yorliqlarni yoping
• Bir necha marta ishga tushirib, natijalarni solishtiring
• Mobil rejimni tanlang — u sekin tarmoq va zaif protsessorni taqlid qiladi

Rejimlar

• Navigation — sahifa yuklanishini noldan tekshirish, eng ko‘p ishlatiladi
• Timespan — siz sahifa bilan ishlayotgan vaqt oralig‘ini yozib olish
• Snapshot — sahifaning joriy holatini tekshirish, masalan, menyu ochilgandan keyin

Kategoriyalar

Performance. Yuklanish metrikalari: LCP, CLS, Total Blocking Time va boshqalar. Pastda — tezlashtirish imkoniyatlari va diagnostika.

Accessibility. Kontrast, rasmlar alt matni, forma yorliqlari, tugmalar nomlari.

Best Practices. HTTPS, konsoldagi xatolar, eskirgan API’lar.

SEO. Asosiy tekshiruvlar: title va description bormi, sahifa indeksdan yopilmaganmi, havolalar matni mazmunlimi, rasmlarda alt bormi.

Ballni qanday tushunish

Ball — laboratoriya sharoitidagi baho. U qidiruv tizimidagi pozitsiyaga to‘g‘ridan-to‘g‘ri teng emas. SEO kategoriyasida yuqori ball sahifa yaxshi optimallashtirilgan degani emas — bu faqat asosiy texnik shartlar bajarilganini bildiradi.

Laboratoriya va haqiqiy ma’lumot

Lighthouse bitta sintetik tekshiruv o‘tkazadi. Haqiqiy foydalanuvchilar tajribasi PageSpeed Insights’dagi maydon ma’lumotlarida va Search Console’dagi Core Web Vitals hisobotida ko‘rinadi. Agar ular farq qilsa, haqiqiy ma’lumot ustuvor.

Natijalar bilan ishlash

• Diagnostikadagi tavsiyalarni ta’sir kuchiga qarab saralang
• Bir xil muammo barcha sahifalarda bo‘lsa — shablonda qidiring
• Tuzatishdan keyin qayta tekshiring
• Asosiy shablonlarni tekshiring: bosh sahifa, xizmat, katalog, maqola

Ko‘p uchraydigan xatolar

• Kengaytmalar yoqilgan brauzerda tekshirish
• Faqat desktop rejimiga qarash
• Ballni maqsad deb bilish va foydasiz o‘zgarishlar qilish
• Bitta sahifani tekshirib, butun sayt haqida xulosa chiqarish

Dasturchiga qanday topshirish

Hisobotni HTML yoki JSON fayl sifatida saqlash mumkin — uni vazifaga biriktiring. Faqat ballni emas, aniq tavsiyalarni ko‘rsating: qaysi rasm og‘ir, qaysi skript bloklaydi, qaysi element joyidan siljiydi. Tuzatishdan keyin xuddi shu sharoitda qayta tekshirib, ikki hisobotni yonma-yon qo‘ying. Shunda o‘zgarish haqiqatan foyda berganini yoki yo‘qligini ko‘rasiz.