Google PageSpeed ​​Insights ve Lighthouse: Hangisi Site Performansını En İyi Ölçer?

Sayfa Hızı Nedir?

Sayfa hızı, bir tarayıcının bir sayfaya erişim isteği göndermesi ile sayfanın içeriği oluşturması arasındaki süredir. Sayfalar, değişen yükleme süreleri ve kullanıcı amaçlarıyla birçok görünür ve görünmez bileşenden (resimler, metinler, izleyiciler, eklentiler vb.) oluşur. Google, sayfa hızını, ilk içerikli boyama ve etkileşime geçme süresi gibi yükleme kilometre taşlarını ölçen belirli metriklere ayırır.

Siteniz büyüdükçe, teknoloji değiştikçe ve web standartları geliştikçe sayfa hızları dalgalanır. Ziyaretçilerin sitenizi nasıl kullandığını ve hatta dönüşüm yapıp yapmadıklarını etkileyebilir. Bu nedenle, sayfa hızlarını izlemek, normal site sağlığı izleme sürecinizin temel bir parçası olmalıdır.

Ancak en iyi sayfa hızı izleme aracı nedir?

Google iki resmi seçenek sunar: Google PageSpeed ​​Insights ve Lighthouse. Her ikisi de dijital pazarlamacıların ve geliştiricilerin web sitesi sayfa hızlarını optimize etmelerine yardımcı olmak için tasarlanmış ücretsiz, güçlü araçlardır ve aralarında birkaç önemli fark vardır. PageSpeed ​​Insights ile Lighthouse'u karşılaştıralım ve sayfa hızını izleme ve iyileştirme hakkında bilmeniz gerekenleri tartışalım.

Google PageSpeed ​​Insights Nedir?

Google PageSpeed ​​Insights (PSI), hem gerçek dünya hem de laboratuvar verilerini kullanarak masaüstü ve mobil cihazlarda sayfa hızı ölçümlerini ölçen ücretsiz bir araçtır. Gerçek dünya verileri ("alan verileri" olarak da adlandırılır), Chrome Kullanıcı Deneyimi Raporu'ndan alınan 28 günlük bir toplamdır, laboratuvar verileri ise Lighthouse API kullanılarak hesaplanır.

PSI, herkesin kullanması için basittir: https://pagespeed.web.dev/ adresine gidin, bir URL girin ve API'nin bir rapor oluşturması için birkaç dakika bekleyin. URL'nin Google'ın Önemli Web Verilerine göre nasıl bir performans gösterdiğini görebilir, ayrıntılı hız ölçümlerini değerlendirebilir ve genel bir web sitesi Performans Derecelendirmesi alabilirsiniz.

Performans Derecelendirmesi bir her hız metrik puanının ağırlıklı ortalaması. Genel bir not gibi ama her şeyin sonu bir ölçüm değil. Aşağıdaki parantez içindeki yüzdeler, Performans Derecelendirmesi hesaplanırken her bir metriğin ağırlığını gösterir.

• First Contentful Paint: (%10) İlk resmin veya metin bloğunun tam olarak yüklenmesi ne kadar sürer.
• Hız İndeksi: (%10) Görünür içeriğin ekran tamamlanana kadar yüklenmesi için geçen ortalama süre.
• En Büyük İçerikli Boyama: (%25) En büyük resmin veya metin bloğunun tam olarak yüklenmesi ne kadar sürer.
• Etkileşim Süresi: (%10) Bir sayfanın tamamen etkileşimli hale gelmesi ne kadar sürer.
• Toplam Engelleme Süresi: (%30) Bir sayfanın kullanıcı girişinin engellendiği İlk İçerikli Boyama ile Etkileşime Geçme Süresi arasındaki zaman farkı. (Başka bir deyişle, bir şeyin ekranda ilk göründüğü zaman ile kullanıcının gerçekten tıklayabildiği zaman arasındaki zaman farkı.)
• Kümülatif Mizanpaj Kayması: (%15) Beklenmeyen düzen kaymalarının bir ölçüsü, yani diğer içeriği yeniden düzenleyen veya sayfada yukarı veya aşağı kaydıran sıra dışı içerik yükleme.

Web sitenizin Performans Derecelendirmesi mükemmel değilse veya bazı metrikleriniz düşük görünüyorsa çok endişelenmeyin. Hız ölçümleri, kontrolünüz dışındaki birkaç faktöre bağlı olarak dalgalanabilir. Bu metriklerin bir veri toplamı olduğunu ve gerçek deneyimlerin kullanıcıdan kullanıcıya değişeceğini unutmayın.

Bununla birlikte, raporun alt kısmındaki 'Fırsatlar ve Teşhis' bölümlerine odaklanarak Performans Derecelendirmenizi en üst düzeye çıkarabilir ve sayfa hızını artırabilirsiniz. Bu bölümler, hız ölçümlerini iyileştirebilecek belirli eylemler için öneriler içerir, ancak uygulamak için bir SEO web geliştiricisinden yardım gerektirebilir.

Google Deniz Feneri Nedir?

Google Lighthouse, birçok farklı ölçümü ölçmek için site denetimleri gerçekleştirebilen ücretsiz, açık kaynaklı bir araçtır. Lighthouse, sayfa hızını değerlendirmenin yanı sıra bir sitenin modern web geliştirme standartlarına ne kadar uygun olduğunu, sitenin erişilebilirlik düzeyini, taranabilirliğini ve daha fazlasını değerlendirebilir.

Lighthouse, yalnızca laboratuvar verilerini kullanır; bu, denetimlerin, gerçek kullanıcı verilerinden toplanmayan, kontrollü, önceden tanımlanmış bir ortamda yürütüldüğü anlamına gelir.

Google Lighthouse hız testine erişmenin birkaç farklı yolu vardır. Geliştirici olmayanlar için Lighthouse'u kullanmanın en kolay yolu Chrome tarayıcı uzantısıdır, ancak uzantı çerez kimlik doğrulaması olan sayfaları kendi başına denetleyemez. Geliştiriciler, tam erişim için Chrome DevTools'u kullanabilir.

Deniz Feneri raporunuz aşağıdakilerle ilgili bilgileri içerecektir:

• Performans: Performans denetimleri, PSI ile aynı hız metriklerinin tümünü ölçer ve ayrıca daha ayrıntılı geliştirme verileri sağlar.
• En İyi Uygulamalar: En İyi Uygulama denetimleri, güvenlik standartları da dahil olmak üzere modern geliştirme standartlarına kıyasla bir sitenin genel “kod sağlığına” bakar.
• Erişilebilirlik: Web erişilebilirliğini tek bir puana ayırmak imkansızdır, bu nedenle Erişilebilirlik denetimleri tasarım, kullanıcı arabirimleri, dil, geliştirme ve diğer alanlarda iyileştirme için çeşitli fırsatlar arar.
• SEO: Arama motoru optimizasyonu (SEO) denetimleri, arama motorlarının sayfanızı kolayca tarayıp tarayamayacağını kontrol etmek için temel bir test sağlar.
• Aşamalı Web Uygulaması: Siteniz Aşamalı Web Uygulamasıysa, bu denetim genel hızını, güvenilirliğini ve yüklenebilirliğini ölçer.

Deniz Feneri Yığın Paketleri Nelerdir?

Yığın Paketleri, Lighthouse'un en yeni özelliklerinden biridir. Yığın Paketleri ile geliştiriciler, bir sayfanın kullandığı yığınlara bağlı olarak yığın tabanlı önerileri görüntüleyebilir. Bu öneriler, Lighthouse tarafından sunulan ve her araç ve platformla uyumlu olmayan standart genel önerilerden daha alakalıdır. Yeni Yığın Paketleri sık sık yayınlanır, bu nedenle daha fazla bilgi edinmek için resmi Github deposunu ziyaret edin.

Google PageSpeed ​​Insights ve Deniz Feneri

Google PageSpeed ​​Insights , bir sayfanın hızına ilişkin kapsamlı, anlaşılması kolay bir genel bakış sağlamak için gerçek dünyadaki kullanıcı ve laboratuvar verilerini birleştirir. Lighthouse geliştirici odaklıdır ve sayfa yükleme hızından web güvenliğine kadar her şeyi kapsayan denetimlerden laboratuvar verilerini toplar. Her ikisi de iyileştirme önerileri sunar.

Google PageSpeed ​​Insights ve Lighthouse: Genel Bakış

Google PageSpeed ​​Insights Ne Zaman Kullanılır?

Kendinizi uygulamak veya bir geliştiriciye aktarmak için bir URL'nin hızını ve belirli iyileştirme önerilerini net bir şekilde anlamak istiyorsanız PSI kullanın.

Google Deniz Feneri Ne Zaman Kullanılır?

Bir geliştiriciyseniz (veya biraz geliştirme bilgisi olan geliştirici değilseniz) ve sayfa hızının ötesinde birçok farklı site ölçümüne derinlemesine dalmak istiyorsanız Lighthouse'u kullanın. Yığın Paketleri, Lighthouse tarafından sunulan standart önerilerden daha özel öneriler sağlamaya yardımcı olabilir.

En İyi Veriyi mi İstiyorsunuz? Hem PageSpeed ​​Insights hem de Lighthouse'u Kullanın

PSI ve Lighthouse'ın her birinin kendi güçlü yönleri ve sınırlamaları vardır - ancak sitenizin eksiksiz bir resmini oluşturmak için birlikte kullanıldıklarında en etkilidirler.

Lighthouse daha geniş bir veri görünümü sağlarken, PageSpeed ​​Insights size web sayfalarının gerçek kullanıcılar için nasıl performans gösterdiğine dair daha gerçekçi bir fikir verir. Sitenizin ön ve arka uçlarını iyileştirmeye yönelik öneriler almak için her ikisini de kullanın. Elinizde ne kadar çok veri varsa, site düzenlemeleriniz o kadar etkili olur.

Ücretsiz E-kitabımızla Google Araçlarından En İyi Şekilde Yararlanın

Bu makaleden bir şey çıkarırsanız, sayfa hızının önemli olduğu ve yüzeyde göründüğünden çok daha karmaşık olduğu olmalıdır. Bir sitenin hızını artırmanın tek bir yolu olmadığı gibi, sitenizin arama motoru performansını artırmanın da tek bir yolu veya hatta verileri izlemek için en iyi Google aracı yoktur.

Sitenizi optimize etmek, çok sayıda veriyle uğraşmayı ve karmaşık araçlarda gezinmeyi içerir. İşleri daha az karmaşık hale getirmek için ücretsiz e-kitabımız SEO için Google Araçları'nı indirin.

SEO için Google Araçları Kılavuzu

Google'ın SEO süreçlerinizi ve performansınızı iyileştirmek için sağladığı ücretsiz, güçlü araçlardan en iyi şekilde nasıl yararlanacağınızı öğrenmek için bu kılavuzu indirin.