PageSpeed Insights ve Lighthouse Raporları Nasıl Okunur?

Bir sayfayı PageSpeed Insights ile test ettiğinizde ekranda bir sayı, birkaç renkli metrik ve uzun bir öneri listesi çıkar. Puan 45 gelebilir, öneriler "Oluşturmayı engelleyen kaynakları kaldırın" gibi teknik ifadelerle başlar. Hangi bulgunun önce ele alınacağını bilmemek, bu raporun en çok karşılaşılan sorunu. Page insights nasıl okunur sorusunun cevabı, raporun iki farklı veri türünü ayırt etmekte yatıyor.

Bu yazıda PageSpeed Insights ve Lighthouse raporlarının yapısını, metrikleri, laboratuvar ve saha verisi farkını ve önerileri nasıl önceliklendireceğinizi adım adım anlatıyoruz. Page insights raporunu okurken önce saha verisine, sonra laboratuvar verisine bakın.

PageSpeed Insights nedir?

PageSpeed Insights, Google'ın bir sayfanın yükleme performansını test eden ücretsiz bir araç. Adres girdiğinizde hem mobil hem masaüstü için sonuç üretir. Rapor iki ana bölümden oluşur: saha verisi ve laboratuvar verisi.

Lighthouse ise bu raporun arkasındaki açık kaynaklı test motoru. PageSpeed Insights, Lighthouse'u çalıştırarak laboratuvar sonuçlarını üretir. Chrome tarayıcının geliştirici araçlarında ya da komut satırında da aynı testi çalıştırmak mümkün. Google'ın Lighthouse genel bakış dokümanı, bu aracın nelerin ölçtüğünü ayrıntılı olarak açıklıyor.

Saha verisi ve laboratuvar verisi farkı

Raporun en önemli ayrımı, saha verisi ile laboratuvar verisi arasındaki fark. Saha verisi, Chrome kullanıcılarından son yirmi sekiz günde toplanan gerçek ölçümlerdir. Google'ın değerlendirmesinde esas alınan veri de bu. Laboratuvar verisi ise Lighthouse'un kontrollü bir ortamda, belirli bir ağ hızı ve cihaz koşulunda yaptığı tek seferlik testtir. Page insights sonuçlarında fırsatlar bölümü, en hızlı kazanım alanlarını gösterir.

Bu ayrım önemlidir, çünkü iki veri birbirinden farklı olabilir. Laboratuvar testinde puanı yüksek bir sayfa, gerçek kullanıcılar için yavaş olabilir. Ya da tam tersi, laboratuvar sonucu düşük görünse de saha verisi iyi olabilir. Saha verisi yeterli trafik olmayan sayfalarda gelmeyebilir. Bu durumda laboratuvar verisi tek kaynak olur.

Performans puanı nasıl yorumlanır?

Raporun en üstündeki performans puanı, 0 ile 100 arasında bir değer. Bu puan, Lighthouse'un belirlediği metriklerin ağırlıklı ortalamasıdır. Yani puan, tek bir sayıdan ziyade birkaç metriğin birleşimini gösterir.

Puan tek başına yeterli bir ölçüt değil. Yüksek puan almak bazen küçük ayarlarla kolaylaşabilir, ama asıl hedef kullanıcının sayfayı hızlı ve kararlı hissetmesi. Bu nedenle puanı, altındaki metriklerle birlikte okumak gerekir. Page insights ile yapılan testler, mobil ve masaüstü için ayrı değerlendirilmelidir.

Core Web Vitals metrikleri

Raporda öne çıkan metrikler Core Web Vitals olarak bilinir. Largest Contentful Paint, sayfanın en büyük içeriğinin ne kadar sürede göründüğünü ölçer. Interaction to Next Paint, kullanıcının bir etkileşimine sayfanın ne kadar hızlı yanıt verdiğini gösterir. Cumulative Layout Shift ise sayfa yüklenirken içeriğin ne kadar kaydığını ölçer.

Bu metriklerin iyi, geliştirilmeli ve zayıf olarak sınıflandırılması, Google'ın belirlediği eşiklere göre yapılır. Raporda bu sınıflandırmaları renkle görebilirsiniz. Saha verisinde bu metrikler gerçek kullanıcı dağılımını gösterir.

Diğer laboratuvar metrikleri de vardır. First Contentful Paint, ilk içeriğin ne zaman göründüğünü ölçer. Total Blocking Time ise sayfanın etkileşime kapalı kaldığı toplam süreyi gösterir. Bu metrikler, sorunun nerede olduğunu anlamak için ek bilgi verir. Page insights raporu, sayfa şablonu bazında karşılaştırıldığında daha anlamlı olur.

Fırsatlar ve tanılar bölümü

Raporun alt kısmında iki ayrı liste bulunur: fırsatlar ve tanılar. Fırsatlar, belirli bir değişiklikle hızın ne kadar artabileceğini tahmini saniye olarak gösterir. Örneğin "görselleri yeni nesil biçimlerde sunun" önerisi, bu değişikliğin ne kadar kazanç sağlayabileceğini belirtir. Bu liste, öncelik belirlemek için en yararlı kısım.

Tanılar ise daha genel iyileştirme alanlarını gösterir. Kullanılmayan JavaScript, uzun ana iş parçacığı görevleri ya da büyük DOM boyutu gibi konular burada yer alır. Tanılar doğrudan bir saniye kazandırmayabilir ama altta yatan sorunu anlatır. Page insights çıktısındaki Core Web Vitals renkleri, metriklerin iyi ya da zayıf olduğunu gösterir.

Önerileri önceliklendirmek

Rapor çok sayıda öneri sunabilir ve hepsini aynı anda uygulamak mümkün olmaz. Önceliklendirme için iki soruya bakın. Birincisi, bu öneri hangi metriği etkiliyor? Core Web Vitals metriklerini doğrudan etkileyen öneriler, arama sıralaması ve kullanıcı deneyimi açısından daha önemlidir. İkincisi, değişikliğin maliyeti nedir? Düşük maliyetli ama yüksek etkili değişiklikler ilk sırada yer almalı.

Görsel boyutlarını küçültmek, metin sıkıştırmasını açmak ve kullanılmayan kodları kaldırmak genellikle yüksek etkili ve görece kolay adımlardır. Sunucu yanıt süresi gibi altyapı sorunları ise yazılım ekibiyle birlikte ele alınmalıdır.

Mobil ve masaüstü sonuçlarını ayrı değerlendirmek

PageSpeed Insights, mobil ve masaüstü için ayrı sonuçlar verir. Google, siteleri öncelikle mobil sürüm üzerinden değerlendirdiği için mobil sonuçları öncelikli tutmak gerekir. Mobil sonuçlar genellikle daha düşük çıkar, çünkü test daha yavaş bir ağ ve daha sınırlı bir cihaz simüle eder. Page insights yorumlarken tek bir puanın yanıltıcı olabileceğini unutmayın.

Masaüstünde iyi görünen ama mobilde kötü çalışan bir sayfa, arama sonuçlarında beklenen performansı göstermeyebilir. İki sonucu birlikte değerlendirmek, eksikleri görmenin en güvenilir yoludur.

Sayfa tipine göre test etmek

Tek bir sayfanın sonucu, tüm sitenin durumunu yansıtmaz. Ana sayfa, kategori sayfası, ürün sayfası ve blog yazısı gibi farklı şablonlar farklı performans gösterebilir. Her şablondan birkaç örnek sayfa seçip testleri karşılaştırmak, sorunun hangi şablonda yoğunlaştığını gösterir.

Aynı şablondaki sayfaların sonuçları benzer çıkıyorsa, sorun büyük ihtimalle şablonda ve tüm sayfalar için düzeltilebilir. Sonuçlar birbirinden farklıysa, içerik ya da üçüncü taraf eklentilerin etkisi araştırılmalıdır. Page insights ve Lighthouse farkını bilmek, raporun doğru okunmasını sağlar.

Sonuçları izlemek

Hız iyileştirmelerinin etkisini ölçmek için önce ve sonra testlerini kaydedin. Laboratuvar sonuçları değişiklik sonrası hemen görünür, ama saha verisi genellikle birkaç hafta içinde güncellenir. Bu yüzden kalıcı etkiyi değerlendirmek için uzun bir süre beklemek gerekir.

Search Console'daki Core Web Vitals raporu, sitenizin genelindeki saha verisini izlemek için en pratik kaynak. PageSpeed Insights ile sayfa bazında inceleme yaparken, Search Console ile site geneli takip etmek birbirini tamamlar.

Performans çalışmasını sürdürülebilir kılmak

PageSpeed Insights raporunu okumak, performans çalışmasının başlangıcı. Asıl değer, bulguları düzenli bir iyileştirme sürecine dönüştürdüğünüzde ortaya çıkar. Yeni eklenen her eklenti, kampanya görseli ya da üçüncü taraf kodu, performansı yeniden etkileyebilir. Bu nedenle düzenli testler ve yayın öncesi kontroller önemlidir. Page insights önerilerini uygularken her değişikliğin etkisini ayrı ayrı ölçün.

Clickzone'un SEO hizmeti, PageSpeed Insights ve Lighthouse raporlarını saha verisiyle birlikte yorumlayarak önceliklendirilmiş bir performans planı hazırlar. Page insights nasıl okunur sorusunu kendi sitenizin raporlarında uygulamak isterseniz, mevcut test sonuçlarınızı birlikte inceleyerek başlayabiliriz.