Google Deniz Feneri Nedir ve Nasıl Kullanılır?

Google Lighthouse, web geliştiricilerinin web sitelerinin performansını ve kalitesini belirli ölçütlere göre denetlemesine yardımcı olmak için tasarlanmış açık kaynaklı bir API'dir. Metriklerden biri, Lighthouse'u web sitenizin arama motoru sonuç sayfası (SERP) sıralamasını iyileştirmenize yardımcı olmak için inanılmaz derecede yararlı bir araç yapan arama motoru optimizasyonudur (SEO).

Bu makalede, denetimini hangi metriklere göre yürüttüğü de dahil olmak üzere Google Lighthouse hakkında bilmeniz gereken her şeyi ele alıyoruz. Ayrıca, web sitenizi daha yüksek SERP sıralaması, artan tıklama oranları, gelişmiş kullanıcı deneyimi ve diğer avantajlar için optimize etmek üzere denetim sonuçlarını nasıl kullanacağınızı da gösteriyoruz.

Google Deniz Feneri Nedir?

Google Lighthouse, genellikle PageSpeed ​​Insights adlı başka bir yazılımla karşılaştırılır. Ancak iki program arasında farklılıklar olduğuna dikkat etmek önemlidir.

PageSpeed ​​Insights ve Deniz Feneri

Lighthouse ve PageSpeed ​​Insights birkaç ortak özelliği paylaşır. Örneğin, her ikisi de Google tarafından geliştirilmiştir ve her ikisi de belirli bir web sayfasının performansını değerlendirme kapasitesine sahiptir. Ek olarak, PageSpeed, Lighthouse'un analiz motoru tarafından desteklenmektedir; bu, bu araçların birbirini tamamlaması gerektiğinin açık bir işaretidir.

Ancak PageSpeed, performans ölçütlerine (ör. bir web sayfasının yüklenme süresi, yanıt verebilirlik ve görsel akıcılık) daha dar bir şekilde odaklanırken, Lighthouse bir adım daha ileri giderek SEO ve erişilebilirlik gibi diğer öğeleri değerlendirir.

Bu nedenle, yalnızca web sitenizin performansının değil, aynı zamanda kullanıcı erişilebilirliğinin, en iyi uygulamalarının, SEO'sunun vb. daha kapsamlı bir değerlendirmesi için bir Lighthouse testi, PageSpeed ​​Insights'a göre daha iyi bir seçenektir.

Deniz Feneri Çalıştırmak İçin Araçlar

Chrome Geliştirme Araçları

Chrome DevTools ile Google Lighthouse Nasıl Çalıştırılır?

Adım 1: Test etmek istediğiniz web sayfasını açın.

Adım 2: Chrome DevTools'u açın ve "Lighthouse" etiketli sekmeyi tıklayın.

3. Adım: "Sayfa Yükünü Analiz Et"e tıklayın ve tüm denetim kategorilerini etkin bırakın.

4. Adım: "Denetim çalıştır"ı tıklayın ve 30-60 saniye içinde Lighthouse raporunuz görünmelidir.

Google Lighthouse Web.dev İle Nasıl Kullanılır?

1. Adım: pagespeed.web.dev'e gidin

Adım 2: Denetlemek istediğiniz web sitesinin URL'sini girin.

3. Adım: "Analiz Et"i tıklayın.

Chrome Uzantısı

Google Lighthouse'u Chrome Uzantısıyla Nasıl Kullanılır?

Adım 1: Google Lighthouse Chrome uzantısını Google Chrome tarayıcınıza yükleyin .

Adım 2: Test etmek istediğiniz web sitesine gidin.

3. Adım: Chrome adres çubuğunun sağındaki deniz feneri simgesine tıklayın veya uzantı menüsünden Deniz Feneri'ne erişin.

4. Adım: "Rapor oluştur"u tıklayın.

Düğüm Modülü

Düğümlü Google Lighthouse Nasıl Kullanılır

1. Adım: Google Chrome'u masaüstünüze indirin.

Adım 2: Node'un en güncel sürümünü kurun (Uzun Süreli Destek sürümü olduğundan emin olun).

Adım 3: “npm install -g lighthouse” yazarak Lighthouse'u global bir modül olarak kurun.

4. Adım: "Lighthouse <url>" istemiyle bir denetim çalıştırın

Google Lighthouse Denetimi Nasıl Çalışır?

Google Lighthouse denetimi, bir web sitesini beş farklı rapor kategorisine göre değerlendirir.

Rapor Kategorileri:

• Performans
• Erişilebilirlik
• SEO
• En iyi uygulamalar
• Aşamalı Web uygulaması (PWA)

Her kategori 0-100 arası bir puan alır; 0 başarısızlığı, 100 mükemmelliği gösterir.

Google Lighthouse Performans Metrikleri Nasıl Hesaplanır?

Google Lighthouse'un en yeni sürümleri (sürüm 8 ve 9), yedi farklı metriğe dayalı olarak bir web sayfasının performansına ilişkin genel puanı hesaplar . Her metrik, puanın belirli bir yüzdesini oluşturur.

Aşağıda, toplam maksimum %100 puan için yedi performans metriğinin ve her birinin alabileceği maksimum puanın bir listesi bulunmaktadır.

• En Büyük İçerikli Boya (LCP): %25
• Toplam Engelleme Süresi (TBT): %30
• İlk İçerikli Boya (FCP): %10
• Hız Endeksi (SI): %10
• Etkileşim Süresi (TTI): %10
• Kümülatif Düzen Kayması (CLS): %15

Skor Neden Her Zaman Değişiyor?

Bir Lighthouse raporunu her çalıştırdığınızda, peş peşe birkaç rapor çalıştırsanız bile, belirli bir web sayfasının performans puanının farklı olduğunu fark edebilirsiniz.

Genellikle kontrolünüz dışındaki faktörlerden kaynaklandığı için bu endişelenecek bir şey değildir. Örneğin, internet bağlantınız son testteki hızında olmayabilir veya web sayfası farklı bir reklam yayınlıyor olabilir.

Verim

Daha önce bahsettiğimiz bu yedi performans ölçütünün gerçekte neyi ölçtüğünü merak ediyor olabilirsiniz. Aşağıda her birine genel bir bakış yer almaktadır.

FCP, bir web sayfasındaki ilk metin veya resim bloğunun ekranda tam olarak görünmesi için geçen süreyi ölçer.

Hız Endeksi (SI)

SI, belirli bir süre boyunca web sayfasının ortalama kaç görünür bölümünün yüklendiğini değerlendirir (yani, saniyede kaç görünür bölümün yüklendiğini).

SI Puanlaması

Her web sitesinin amacı, 4,3 saniye veya daha az bir SI puanına sahip olmaktır. 4,3 saniyeden yüksek bir SI puanı, o web sayfasının tamamen yüklenmesinin çok uzun sürdüğünü gösterir. Bir kullanıcının bakış açısına göre, sabırsız olma ve daha hızlı bir web sitesi bulmak için web sitenizden ayrılma olasılıklarının daha yüksek olduğu anlamına gelir.

Etkileşim Süresi (TTI)

TTI, web sayfasının yüklenmeye başlaması ile web sayfasının etkileşimli hale gelmesi, yani kullanıcıdan komut veya bilgi istemi alabilmesi arasındaki süreyi hesaplar.

Kümülatif Düzen Kayması (CLS)

CLS, yükleme süreleri sırasında bir web sayfasının düzeninin ne kadar değiştiğine dair kapsamlı bir ölçüm sağlar.

Ulaşılabilirlik

Web sitenizin Lighthouse tarafından puanlanan diğer bir yönü de Erişilebilirliktir .

Google'a göre her site, fiziksel engelleri olanlar da dahil olmak üzere her türden kullanıcıya mümkün olduğunca erişilebilir olmalıdır. Bunlar, sitenizi sizin kadar iyi görüntüleyemeyen veya gezinemeyen kişilerdir. Ancak, doğru erişilebilirlik önlemleri alındığında onlar da bundan tam anlamıyla yararlanabilirler.

"Erişilebilir" olmak ne demektir? Bu öğeyi web sitenize uygulamanın birçok yolu vardır, ancak en önemlilerinden bazıları şunlardır:

• Sitenize fare yerine bir klavye ile hem erişilebilir hem de gezinilebilir.
• Siteniz görme engellilerin de kullanabilmesi için semantik HTML ile kodlanmıştır.
• Siteniz, her türden okuyucunun görmesini ve görüşlerini zorlamadan okumasını sağlamak için yüksek kontrastlı metin içeriyor.

SEO

Lighthouse'un sitenizde yayınladığı en önemli raporlardan biri SEO veya arama motoru optimizasyonu içindir.

Web sitenizi Google gibi arama motorları için optimize etmek, sitenizin arama motoru sonuç sayfalarında (SERP'ler) daha üst sıralarda yer almasını sağlar. Sıralaması ne kadar yüksek olursa, bir kullanıcının tıklama olasılığı o kadar yüksektir.

Google'ın bir web sitesinin SEO'sunu değerlendirirken göz önünde bulundurduğu birkaç unsur vardır:

• Anahtar kelimeler
• Geri bağlantılar
• Uzmanlık, otorite ve güvenilirlik (EAT) gösteren faydalı içerik
• Site hızı

En İyi Uygulamalar

En İyi Uygulamalar, web sitenizin ne kadar sorunsuz ve sezgisel bir şekilde çalıştığını geliştirmek için kullanabileceğiniz teknikler için bir şemsiye terimdir. Aşağıdakiler gibi çok çeşitli optimizasyonları kapsar:

• Günlüğe kaydedilen tarayıcı hatalarını düzeltme
• Görüntüleri doğru en boy oranında görüntüleme
• Web sitenizin daha hızlı çalışmasını sağlama
• Sitenizin güvenliğini artırma
• Daha ilgi çekici ve kullanışlı bir deneyim oluşturmak için kullanıcıdan coğrafi konum belirleme ve bildirim izinleri istemek

Aşamalı Web Uygulaması (PWA)

Aşamalı Web Uygulaması (PWA), bir uygulamayı web sayfası biçiminde sunan bir yazılımdır. Chrome dahil, standartlarla uyumlu tüm tarayıcılarda çalışır.

PWA tarafından sağlanan uygulama, site sahibine iletişim bilgileri gibi önemli verileri sağlamak için siteyi ziyaret eden bir kişi tarafından doldurulabilir.

Lighthouse, hızlarını, görüntülenebilirliklerini, güvenilirliklerini ve daha fazlasını değerlendirmek için web sitelerindeki PWA'ları denetler.

İşte bir PWA'yı neyin iyi yaptığına dair kapsamlı bir kontrol listesi .

Önemli Web Verileri (CWV) Google Lighthouse Raporuna Nasıl Uyuyor?

Önemli Web Verileri (CWV), tüm web siteleri için geçerli olan metriklerdir ve bu nedenle, sitenin ne için tasarlandığından veya hedef kitlenin kim olduğundan bağımsız olarak her zaman ölçülmelidir.

Önemli Web Verilerini oluşturan üç ölçüm vardır: Büyük İçerikli Boyama (LCP), Toplam Engelleme Süresi (TBT) ve Kümülatif Düzen Kayması (CLS).

Bu metrikleri Performans bölümünde ele aldık. Her bir terimin ne anlama geldiğine dair kısa bir genel bakış.

• LCP: Bir web sayfasındaki en büyük metin bloğunun, resmin veya videonun kullanıcı tarafından tamamen görülebildiği noktanın ölçümü.
• TBT: LCP yüklendikten sonra bir web sayfasının tamamen görünür hale gelmesi için geçen sürenin ölçümü.
• CLS: Bir web sayfası düzeninin, üzerindeki öğeler yüklenirken ne kadar değiştiğini ölçer.

CWV, Lighthouse'un Performans denetimindeki puanın yaklaşık %65'ini oluşturur.

Google Lighthouse ile Performans Testi

Lighthouse, Performans testi için son derece etkili bir araçtır. Web sitenizi yavaşlatan veya düşük SERP sıralamasına katkıda bulunan zayıf noktaları belirlemenize yardımcı olabilecek sağlam ve kapsamlı bir rapor oluşturur.

Web Sitesi Performansını Artırmak İçin Google Lighthouse Nasıl Kullanılır?

Web Sitesi Hızını ve Yükleme Süresini Optimize Etme

Web sitenizin hızını ve yükleme süresini optimize etmeniz gerekiyorsa, Lighthouse'un Performans ve En İyi Uygulamalar denetimleri size nerelerde iyileştirmeler yapabileceğinizi gösterecektir.

Web Sitesi Erişilebilirliğini ve Kullanıcı Deneyimini İyileştirme

Sitenizdeki kullanıcı erişilebilirliğini ve deneyimini iyileştirmek için Performans, Erişilebilirlik, En İyi Uygulamalar ve PWA denetimleri en iyi sonucu verir.

Web Sitesi Güvenliğinin ve Veri Gizliliğinin Sağlanması

Lighthouse, En İyi Uygulamalar denetimini yürüterek web sitenizin güvenliğini ve kullanıcılarınızın veri gizliliğini sağlamanıza yardımcı olur.

Web Sitesi Optimizasyonu için Veriye Dayalı Kararlar Verme

Veri, web sitesi sahiplerinin ve yöneticilerinin dostudur. Web sitenizi mükemmele yakın optimize etmek için nerede değişiklik yapmanız gerektiğini gösterir. Running Lighthouse, özellikle zayıf noktaların saklanıyor olabileceği Performans olmak üzere her tür metrik hakkında veri elde etmenin akıllı ve kolay bir yoludur.

Google Lighthouse'un Gelişmiş Özellikleri

Özel Denetimler ve Komut Dosyası Oluşturma

Lighthouse açık kaynak olduğundan, benzersiz ihtiyaçlarınıza göre uyarlanmış özel denetimler ve komut dosyası oluşturma seçeneğiniz vardır.

Örneğin, web sitenizdeki bir sayfanın site haritasına dahil edilip edilmediğini ölçmek için bir denetim programlayabilirsiniz . Bu önemlidir, çünkü Google SERP'de bir web sayfasını sıraladığında öncelikle site haritasını okur.

Google Lighthouse'u Diğer Performans Araçlarıyla Entegre Etme

Halihazırda siteniz için kullandığınız bir performans aracınız varsa, denetimlerinizi daha da geliştirmek için Google Lighthouse'u bu araçla entegre edebilirsiniz.

Mobil Optimizasyon için Google Lighthouse'u Kullanma

Biraz ince ayar yaparak, web sitenizi mobil optimizasyon için denetlemek üzere Google Lighthouse'u bile kullanabilirsiniz.

Çözüm

Web sitenizin SERP sıralaması düşükse ve sonuç olarak anlamlı bir organik trafik almıyorsa, tam spektrumlu bir denetim, sitenizi neyin başarıdan alıkoyduğunu belirlemenize yardımcı olabilir.

Google Lighthouse, nihai web sitesi denetim aracıdır. Google'ın algoritmaları tarafından daha üst sıralarda yer almasını engelleyen SEO da dahil olmak üzere birçok farklı ölçümde sitenizin sorunlarının tam olarak nerede olduğunu gösterir.

Sorunlu alanların nerede olduğunu öğrendikten sonra, SERP sıralamanızı iyileştirecek ve böylece organik trafiği artıracak optimizasyonlar yapmaya başlayabilirsiniz.