Lighthouse Nedir?
Lighthouse, Google'ın Chrome ekibinin geliştirdiği ücretsiz ve açık kaynak bir denetim aracıdır. Bir sayfayı kontrollü koşullarda yükler, ölçer ve dört alanda 0 ile 100 arasında puan verir: performans, erişilebilirlik, en iyi uygulamalar ve SEO. 90 ve üzeri puanlar yeşil, 50 ile 89 arası turuncu, daha düşükleri kırmızı görünür.
Performans puanı birkaç ölçümün birleşimidir. Başlıcaları, en büyük içerik parçasının ne zaman göründüğü (Largest Contentful Paint), sayfanın ne kadar süre yanıt veremeyecek kadar meşgul kaldığı (Total Blocking Time) ve yükleme sırasında öğelerin ne kadar kaydığıdır (Cumulative Layout Shift). Lighthouse her sorun için neyin yanlış olduğunu açıklar ve bir düzeltme önerir: fazla büyük görsellerden eksik görsel açıklamalarına kadar.
Lighthouse, Chrome'un geliştirici araçlarından, komut satırından ya da Lighthouse CI ile otomatik olarak çalıştırılabilir; PageSpeed Insights de laboratuvar sonuçları için onu kullanır. Her sonuç, simüle edilen bir cihaz ve bağlantıdaki tek bir test yüklemesini yansıtır ve puanlar bir çalıştırmadan diğerine değişebilir. Bu yüzden onları tek bir sayı olarak değil bir aralık olarak okuyoruz.
Lighthouse'u Nerede Kullanıyoruz?
Lighthouse geliştirdiğimiz her web projesinin parçası; özellikle şu noktalarda devreye giriyor:
Yayın Öncesi Kontrol
Yayından önce ana sayfa şablonlarını mobilde ve masaüstünde denetliyor, çıkan sorunları düzeltiyoruz: fazla büyük görseller, sayfanın çizilmesini geciktiren dosyalar, etiketi olmayan butonlar.
Erişilebilirlik Denetimi
Lighthouse renk kontrastını, alternatif metinleri, form etiketlerini ve başlık sırasını kontrol eder. Otomatik denetimler sorunların yalnızca bir kısmını yakalar; bu yüzden klavye ve ekran okuyucuyla da test ediyoruz.
Teknik SEO Kontrolleri
Sayfaların arama sonuçları için bir açıklaması olduğunu, bağlantıların taranabildiğini, hiçbir sayfanın yanlışlıkla aramadan engellenmediğini ve dil sürümleri arasındaki hreflang bağlantılarının geçerli olduğunu doğrular.
Değişiklik Sonrası Karşılaştırma
Yeni bir bölüm ya da yeni bir izleme kodu gibi büyük bir güncellemeden sonra ölçümü tekrarlayıp karşılaştırıyoruz. Büyük projelerde her güncellemede otomatik çalışabilir; böylece bir yavaşlama yayına çıkmadan yakalanır.
Neden Lighthouse?
Somut Bir İş Listesi
Yalnızca puan vermez; her sorunun arkasındaki dosyayı ya da öğeyi gösterir, bu yüzden düzeltmeler net olur.
Tek Raporda Dört Açı
Hız, erişilebilirlik, sağlam teknik uygulamalar ve SEO tek bir çalıştırmada denetlenir; birini iyileştirirken ötekinin sessizce bozulmadığını görürüz.
Açık ve Tekrarlanabilir
Ücretsiz ve açık kaynaktır, her Chrome tarayıcısında çalışır; sonuçlarımızı istediğiniz an kendiniz de kontrol edebilirsiniz.
Projenizde Nasıl İlerliyoruz?
Tasarım koda dökülürken Lighthouse'u düzenli olarak çalıştırıyor, sorunları henüz küçükken yakalıyoruz. Yayından önce ana şablonları mobilde ve masaüstünde birkaç kez ölçüyor, tek bir sonuca değil tipik sonuca bakıyoruz.
Teslimden önce dört alanın puanlarını PageSpeed Insights sonuçlarıyla birlikte raporluyor, kalan küçük uyarıları ve nedenlerini açıkça yazıyoruz. Yayından sonra da önemli bir değişiklik yapıldığında denetimi tekrarlıyoruz.
