Lighthouse HTML Denetimi

Lighthouse, Chrome DevTools içine (Denetimler sekmesine) yerleştirilmiş, bir sayfayı Performans, Erişilebilirlik, En İyi Uygulamalar, SEO ve PWA alanlarında puanlayan otomatik bir denetim aracıdır. Bir sayfayı tarayıcıda denetler, ölçümler yapar ve uygulanabilir öneriler üretir.

Chrome DevTools'ta Lighthouse'a geçin, kategorileri seçin, Masaüstü veya Mobil'i belirleyin ve "Sayfa yüklemesini analyze edin" seçeneğine tıklayın. Araç, sayfayı temiz bir ortamda yeniden yükler ve bir dakikadan kısa sürede rapor oluşturur.

Performans, Temel Web Hayati Ölçümlerini ve diğer hız ölçümlerini değerlendirir. Erişilebilirlik, WCAG ile uyumlu kuralları denetler. En İyi Uygulamalar, güvenlik ve modern web standartlarını kapsar. SEO, taranabilir işaretlemeyi denetler. PWA, kurulabilirliği ve çevrimdışı desteği doğrular.

Erişilebilirlik denetimi şunları yakalar: eksik alt metni, eksik form etiketleri, düşük renk karşıtlığı, eksik dil özniteliği, yinelenen id'ler, eksik bölgeler ve klavye desteği olmayan odaklanabilir öğeler. Her sorun, ayrıntılı giderme yönergelerine bağlantı verir.

Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), Total Blocking Time (TBT) ve Speed Index. Her ölçüm puanlanır ve genel Performans puanına ağırlıklı olarak yansıtılır. Lighthouse, her ölçüme en fazla katkıda bulunan DOM öğelerini gösterir.

HTTPS kullanımını, konsol hatalarını, görüntü en-boy oranlarını, kullanımdan kaldırılmış API'leri ve karma içeriği denetler. En İyi Uygulamalar denetimi, modernleştirilmesi gereken çok çeşitli eski veya güvensiz kalıpları yakalar.

Eksik meta açıklamasını, eksik veya yinelenen <title> öğesini, robots.txt sorunlarını, açıklayıcı metni olmayan bağlantıları, eksik viewport meta etiketini ve hreflang sorunlarını yakalar. İçerik düzeyinde analiz için Lighthouse SEO'yu gerçek bir SEO denetim aracıyla (Ahrefs, Screaming Frog) birlikte kullanın.

Kurulabilir olmak için gereken her şeyi denetler: HTTPS, asgari alanları içeren geçerli manifest, kayıtlı service worker, viewport etiketi ve simgeler. Kurulabilir bir uygulama olarak kullanıma sunmadan önce tüm PWA denetimi başarısızlıklarını düzeltin.

Lighthouse CLI ve Lighthouse CI aracı, denetimleri CI/CD'ye tümleştirir. Her PR, dağıtılmış önizleme üzerinde Lighthouse'ı çalıştırır; puanlar eşiklerin altına gerilerse eylem başarısız olur. Böylece erişilebilirlik, performans veya SEO'daki sessiz gerilemeler önlenir.

Lighthouse raporları JSON olarak kaydedilebilir ve program aracılığıyla karşılaştırılabilir: gerilemeleri saptamak için LCP puanını zaman içinde izleyin, hangi PR'ın hangi ölçümü değiştirdiğini görmek için iki PR'ı karşılaştırın ve eşik aşımlarında uyarı verin. Veriler, araçlar tarafından işlenmeye uygun biçimde yapılandırılmıştır.

Lighthouse sentetik bir sınamadır — gerçek kullanıcılar üzerinde değil, denetimli bir ortamda çalışır. Gerçek kullanıcı deneyimini izleyen Gerçek Kullanıcı İzleme (RUM) araçlarıyla birlikte kullanın. Sentetik sınamalar gerilemeleri erken yakalar; RUM ise kullanıcıların iyileştirmeleri gerçekten hissettiğini doğrular.

Bazı denetimler, belirli bağlamlarda kaçınılmaz olan kalıpları işaretler. Bilinçli istisnaları belgelendirin, Lighthouse CI yoksayma listesine ekleyin ve platform geliştikçe bunları düzenli olarak yeniden değerlendirin. Genel bir "tümünü yoksay" seçeneğinden kaçının — bu, otomatik denetimin amacını ortadan kaldırır.

Lighthouse puanlarını tek seferlik bir düzeltme olarak değil, sürekli bir iyileştirme hedefi olarak ele alın. Her PR'da puana bakma, gerilemeleri hemen giderme ve başlangıç düzeyini kademeli olarak iyileştirme kültürü oluşturun. Bu disiplinle çoğu ekip, aylar içinde puanlarının istikrarlı biçimde yükseldiğini görür.

Lighthouse'ın sentetik denetimleri neden Gerçek Kullanıcı İzleme (RUM) ile birlikte kullanılmalıdır?

Lighthouse bir sayfayı Performans, Erişilebilirlik, En İyi Uygulamalar, SEO ve PWA alanlarında denetler. Tek seferlik denetimler için Chrome DevTools'tan, sürekli tümleştirme için Lighthouse CI'dan çalıştırın. Her PR'da gerilemeleri giderin, ölçüme dayalı sürekli iyileştirme kültürü oluşturun ve laboratuvar denetimlerini Gerçek Kullanıcı İzleme ile birlikte kullanarak laboratuvar iyileştirmelerinin gerçek kullanıcılara sağladığı faydayı doğrulayın.