← Tüm yazılar
4 Ocak 2024 Arama Motoru Optimizasyonu 11 dk okuma

Google Lighthouse Nedir? Site Performansı Nasıl Ölçülür?

Google Lighthouse, web sayfalarının kalitesini iyileştirmenize yardımcı olan açık kaynaklı ve otomatik bir denetim aracıdır. Bir sayfanın performansını, erişilebilirliğini, en iyi uygulamalara uygunluğunu ve temel SEO gerekliliklerini tek raporda puanlar; her başarısız denetim için sorunun neden önemli olduğunu ve nasıl düzeltileceğini açıklar. Geliştiriciler, SEO uzmanları ve site sahipleri için ortak bir kalite dili sunar.

Bu yazıda Google Lighthouse’un ne olduğunu, nasıl çalıştırılacağını, rapordaki dört kategorinin ne anlama geldiğini, puanların nasıl yorumlanacağını ve bulguları nasıl iyileştirmeye dönüştürebileceğinizi anlatıyoruz. Teknik denetimle başlayan bir SEO hizmeti arıyorsanız yazının sonunda nasıl çalıştığımızı bulabilirsiniz.

Google Lighthouse nedir?

Google Lighthouse, Google’ın geliştirdiği açık kaynaklı, otomatik bir web sayfası denetim aracıdır. Herkese açık veya oturum açma gerektiren herhangi bir sayfada çalıştırılabilir ve performans, erişilebilirlik, en iyi uygulamalar ve SEO kategorilerinde denetimler yapar. Sonuçta her kategori için bir puan ve sayfanın nasıl iyileştirileceğine dair ayrıntılı öneriler içeren bir rapor oluşturur.

Chrome for Developers’daki Lighthouse’a Giriş dokümanına göre her denetim, neden önemli olduğunu ve nasıl düzeltileceğini açıklayan bir referans içerir. Doküman ayrıca sitelerde gerilemeleri önlemek için Lighthouse CI’nin de kullanılabileceğini belirtir; yani her yeni sürüm yayına alınmadan önce otomatik olarak test edilebilir.

Google Lighthouse raporu

Google Lighthouse nasıl çalıştırılır?

Google Lighthouse dört farklı yolla çalıştırılabilir: Chrome Geliştirici Araçları’ndaki Lighthouse paneli, komut satırı aracı, Node modülü ve web arayüzü olarak PageSpeed Insights. En pratik yöntem Chrome Geliştirici Araçları’dır; sayfayı açıp Lighthouse sekmesinden denetimi başlatmanız yeterlidir. Rapor genellikle kısa sürede hazır olur.

Chrome Geliştirici Araçları’nda adım adım kullanım:

  1. Masaüstü için Google Chrome’da denetlemek istediğiniz sayfayı açın.
  2. Chrome Geliştirici Araçları’nı açın (sağ tık > İncele).
  3. Lighthouse sekmesini seçin.
  4. Cihaz türünü (mobil veya masaüstü) ve denetlenecek kategorileri belirleyin.
  5. Denetimi başlatın. Lighthouse dokümanına göre rapor 30 ila 60 saniye içinde oluşturulur.

Diğer yöntemler:

  • Komut satırı: Denetimleri kabuk komut dosyalarıyla otomatikleştirmek için
  • Node modülü: Lighthouse’u sürekli entegrasyon (CI) sistemlerine eklemek için
  • PageSpeed Insights: Kurulum gerektirmeden web arayüzünden çalıştırmak için. Ayrıntılar için PageSpeed Insights yazımıza bakabilirsiniz.

Doğru sonuç için testi gizli pencerede, tarayıcı eklentileri devre dışıyken çalıştırmanızı öneririz; eklentiler performans ölçümünü etkileyebilir.

Google Lighthouse raporunda hangi kategoriler bulunur?

Google Lighthouse raporunda dört ana kategori bulunur: Performans, Erişilebilirlik, En İyi Uygulamalar ve SEO. Performans sayfanın yüklenme ve etkileşim hızını, Erişilebilirlik engelli kullanıcılar dahil herkesin siteyi kullanabilmesini, En İyi Uygulamalar güvenlik ve modern web standartlarını, SEO ise arama motorlarının sayfayı anlaması için temel gereklilikleri denetler.

KategoriNe denetler?Örnek denetimler
PerformansYükleme ve etkileşim hızıLCP, CLS, Toplam Engelleme Süresi, oluşturmayı engelleyen kaynaklar
ErişilebilirlikHerkes için kullanılabilirlikAlternatif metinler, renk kontrastı, form etiketleri
En İyi UygulamalarGüvenlik ve modern standartlarHTTPS kullanımı, konsol hataları, güncel kitaplıklar
SEOTemel arama motoru gereklilikleriBaşlık ve meta açıklama, taranabilir bağlantılar, dizine ekleme engelleri

Erişilebilirlik denetimleri özellikle önemlidir; çünkü otomatik araçlar sorunların yalnızca bir kısmını tespit edebilir. Kapsamlı bir erişilebilirlik çalışması için W3C’nin WCAG 2.2 yönergeleri temel alınmalıdır.

Google Lighthouse neden kullanılır

Lighthouse puanları nasıl yorumlanır?

Lighthouse puanları 0 ile 100 arasındadır. PageSpeed Insights dokümanına göre 90 ve üzeri puanlar iyi, 50 ile 89 arası iyileştirilmesi gereken, 50’nin altı ise zayıf kabul edilir. Ancak puanlar laboratuvar koşullarında tek bir ölçüme dayanır; bu nedenle mutlak bir hedef değil, önceliklendirme için kullanılan bir gösterge olarak değerlendirilmelidir.

Performans puanı beş metriğin ağırlıklı ortalamasıdır. Lighthouse performans puanlaması dokümanına göre Lighthouse 10’da Toplam Engelleme Süresi %30, Largest Contentful Paint %25, Cumulative Layout Shift %25, İlk Zengin İçerikli Boyama %10 ve Hız Endeksi %10 ağırlığa sahiptir. Doküman ağırlıkların zaman içinde değiştiğini de belirtir.

Puanları yorumlarken dikkat edilmesi gerekenler:

  • Değişkenlik: Aynı sayfa ardışık testlerde farklı puanlar alabilir; birkaç ölçümün ortalamasına bakın.
  • Laboratuvar ve gerçek veri farkı: Lighthouse gerçek kullanıcı verisi içermez; Core Web Vitals değerlendirmesi için PageSpeed Insights’taki alan verileri ve Search Console raporu esas alınmalıdır.
  • SEO puanı sıralama değildir: Lighthouse SEO kategorisinde 100 almak, sayfanın temel teknik gereklilikleri karşıladığını gösterir; içerik kalitesini veya rekabet durumunu ölçmez.

Google Lighthouse neden kullanılmalıdır?

Google Lighthouse kullanılmalıdır çünkü sayfa kalitesini dört farklı açıdan tek seferde denetler, sorunları somut önerilerle birlikte sunar ve ücretsizdir. Geliştirme sürecinde henüz yayında olmayan sayfaları test etmeye, yeni sürümlerin performansı düşürüp düşürmediğini kontrol etmeye ve ekipler arasında ortak bir kalite ölçütü oluşturmaya yardımcı olur.

Başlıca kullanım senaryoları:

  • Yayın öncesi kontrol: Yeni bir sayfa veya tasarım yayına alınmadan önce performans ve erişilebilirlik sorunlarını yakalamak
  • Gerileme testi: Tema, eklenti veya kod güncellemelerinden sonra puanların düşüp düşmediğini kontrol etmek
  • Önceliklendirme: Hangi iyileştirmenin en fazla etkiyi sağlayacağını belirlemek
  • Ajans ve müşteri iletişimi: Teknik sorunları anlaşılır bir raporla paylaşmak

Lighthouse’un bir diğer avantajı, her denetimin açıklayıcı bir dokümana bağlanmasıdır. Böylece teknik bilgisi sınırlı olan ekip üyeleri bile bir sorunun neden önemli olduğunu ve genel çözüm yönünü anlayabilir; geliştiriciyle konuşurken ortak bir referans noktası oluşur.

Hızın SEO’ya etkisini site hızı yazımızda ayrıntılı olarak ele aldık. Google’ın pazarlamacılara yönelik diğer ücretsiz kaynakları için Think with Google yazımıza da göz atabilirsiniz.

Lighthouse bulguları nasıl iyileştirmeye dönüştürülür?

Lighthouse bulgularını iyileştirmeye dönüştürmek için önce her kategorideki başarısız denetimler listelenir, ardından tahmini etkisi ve uygulama zorluğu değerlendirilerek bir iş listesi oluşturulur. Performans önerilerinde tahmini kazanç, erişilebilirlik ve SEO sorunlarında ise etkilenen kullanıcı ve sayfa sayısı önceliklendirmede yol gösterir. Her düzeltmeden sonra test tekrarlanır.

Kategorilere göre sık görülen düzeltmeler:

  • Performans: Görselleri sıkıştırma ve doğru boyutta sunma, kullanılmayan JavaScript ve CSS’i azaltma, önbellekleme ve CDN kullanımı. Ayrıntılar için CDN nedir yazımıza bakabilirsiniz.
  • Erişilebilirlik: Görsellere anlamlı alternatif metin ekleme, yeterli renk kontrastı sağlama, form alanlarını etiketleme, düğmelere erişilebilir adlar verme.
  • En İyi Uygulamalar: Tüm kaynakları HTTPS üzerinden sunma, konsol hatalarını giderme, güncel olmayan kitaplıkları yenileme. HTTPS geçişi için HTTPS yazımıza göz atın.
  • SEO: Eksik başlık ve meta açıklamaları tamamlama, taranabilir bağlantılar kullanma, yanlışlıkla eklenen noindex etiketlerini kaldırma.

Lighthouse ile diğer Google araçları arasındaki fark nedir?

Lighthouse yalnızca laboratuvar testi yapan bir araçtır ve tek bir sayfayı belirli koşullar altında denetler. PageSpeed Insights, Lighthouse sonuçlarını gerçek kullanıcı verileriyle birleştirir. Search Console ise sitenin tamamındaki sayfa gruplarının gerçek kullanıcı deneyimini ve dizine ekleme durumunu raporlar. Üç araç birbirini tamamlar ve birlikte kullanılmalıdır.

Pratik iş bölümü:

  • Geliştirme ve hata ayıklama: Lighthouse
  • Canlı bir sayfanın gerçek kullanıcı deneyimi: PageSpeed Insights
  • Sitenin genel sağlığı ve sorunlu URL grupları: Search Console. Raporların ayrıntıları için Google Search Console nedir yazımıza bakabilirsiniz.

Google Lighthouse denetimi ne sıklıkla yapılmalı?

Google Lighthouse denetimi; her önemli tasarım veya kod değişikliğinden önce ve sonra, yeni eklenti ya da üçüncü taraf komut dosyası eklendiğinde ve rutin olarak ayda bir kez yapılmalıdır. Büyük ekiplerde denetimi sürekli entegrasyon sürecine eklemek, performans ve erişilebilirlik gerilemelerini yayına çıkmadan yakalamanın en güvenilir yoludur.

Önerdiğimiz denetim rutini:

  • Her yayın öncesi: Değişiklikten etkilenen şablonları (ana sayfa, ürün, kategori, blog) test edin.
  • Aylık: En çok trafik alan ve dönüşüm getiren sayfaların puanlarını kaydedin.
  • Üç aylık: Erişilebilirlik ve en iyi uygulamalar kategorilerinde kapsamlı bir tarama yapın.
  • Otomasyon: Geliştirme ekibiniz varsa Lighthouse CI ile her kod değişikliğinde otomatik test çalıştırın; belirlediğiniz eşiklerin altına düşen sürümler uyarı versin.

Sonuçları tarih, sayfa, cihaz türü ve kategori puanları içeren basit bir tabloda saklamak, zaman içindeki eğilimi görmenizi sağlar. Böylece hangi değişikliğin performansı iyileştirdiğini veya düşürdüğünü kolayca tespit edebilir, ekiplerle ve yönetimle somut verilerle konuşabilirsiniz. Bu kayıtlar, SEO raporlarınızın teknik bölümü için de değerli bir kaynak oluşturur.

Sık sorulan sorular

Google Lighthouse ücretsiz mi?

Evet. Lighthouse açık kaynaklı ve ücretsiz bir araçtır. Chrome Geliştirici Araçları’nda yerleşik olarak bulunur, komut satırından veya Node modülü olarak çalıştırılabilir ve PageSpeed Insights üzerinden kurulum gerektirmeden kullanılabilir.

Lighthouse puanı Google sıralamasını etkiler mi?

Lighthouse puanı doğrudan bir sıralama faktörü değildir. Google, sayfa deneyimini gerçek kullanıcı verilerine dayanan Core Web Vitals ile değerlendirir. Lighthouse ise bu metrikleri iyileştirmek için sorunları tespit etmenize yardımcı olan bir tanı aracıdır.

Lighthouse sonuçları neden her seferinde değişiyor?

Laboratuvar testleri; ağ koşulları, bilgisayarın o anki işlem yükü, tarayıcı eklentileri ve üçüncü taraf komut dosyalarının davranışından etkilenir. Daha tutarlı sonuçlar için gizli pencerede, eklentiler kapalıyken birkaç test yapıp sonuçları birlikte değerlendirin.

Oturum açma gerektiren sayfalar denetlenebilir mi?

Evet. Lighthouse dokümanına göre araç, kimlik doğrulaması gerektiren sayfalarda da çalıştırılabilir. Chrome Geliştirici Araçları’nda oturum açtıktan sonra denetimi başlatmak, üye paneli veya ödeme adımları gibi sayfaları test etmenin en pratik yoludur.

Lighthouse SEO puanı 100 ise SEO tamamlanmış mı demektir?

Hayır. SEO kategorisi başlık, meta açıklama, taranabilirlik ve dizine ekleme gibi temel teknik gereklilikleri denetler. İçerik kalitesi, arama niyetine uygunluk, bağlantı profili ve rekabet gibi sıralamayı belirleyen diğer unsurlar bu puanın kapsamı dışındadır.

Mobil ve masaüstü testlerinden hangisine öncelik vermeliyim?

Mobil teste öncelik vermek genellikle doğru yaklaşımdır. Google, dizine ekleme ve sıralama için ağırlıklı olarak sitelerin mobil sürümünü kullanır. Mobil test daha yavaş bir cihaz ve bağlantıyı simüle ettiği için sorunları daha belirgin biçimde ortaya çıkarır.

Sitenizin kalitesini birlikte ölçelim ve iyileştirelim. Duende Dijital, Lighthouse, PageSpeed Insights ve Search Console verilerine dayalı teknik denetim içeren bir SEO hizmeti sunar. Performans ve erişilebilirlik odaklı yeni bir site için web tasarım hizmeti sayfamıza da göz atın. Projenizi konuşmak için brifinizi paylaşın.

Kaynakça