13.03.2022
Site hızını ölçmek için kullanılan ve Google’ın kendi aracı olmasından dolayı birçok kişinin kuşkusuz güvendiği Google PageSpeed Insights bugünün blog konusu.
Pagespeed Insights hakkında konuşmadan önce site hızının SEO açısından önemi hakkında konuşalım.
Özellikle son 7 yıldır dijital dünya tarafından önem verilmeye başlanan site hızı özellikle SEO (Arama Motoru Optimizasyonu) açısından çok önemli bir etken haline geldi. Bunun başlıca sebeplerinden birincisi Google’ın 2018 yılında yaptığı açıklamada site hızının sıralama faktörlerinden biri olduğudur, ikincisi ise kullanıcı deneyimi açısından ziyaretçiyi hızlı yüklenen bir sayfa sağlayarak ziyaretçinin sitede tutabilmeyi sağlamaktır.
Mobil kullanıcılarının çoğalmasıyla birlikte hızlı yüklenen bir web sayfasına sahip olmak zorunluluk haline geldi. İnternet sayfasının hızının ziyaretçi davranışlarında önemli bir belirleyici olduğu kanıtlandı.
Not: Google araştırmalarında 3 saniyeden geç yüklenen sayfalar nedeniyle potansiyel ziyaretçilerinizin / müşterilerinizin yarısını kaybedeceğiniz sonucuna varmıştır.
Google PageSpeed Insights sitenizin hızını yavaşlatan metrikler ve hatalar hakkında size bilgi veren Google’a bir ait bir sitedir. Pagespeed Insights kullanmak için bir web sitesine sahip olmanız gerekmez ve istediğiniz sayfayı istediğiniz kadar analiz edebilirsiniz.
PageSpeed, internet sitenizi analiz ederek, hızlı hale getirmeniz için sizlere çeşitli önerilerde bulunuyor. Birçok metriği toplayan PageSpeed Insights sitenizin hızını arttırmanıza yardımcı olacabilecek ve kullanılabilirlik açısından eksiklerinizi düzeltebilmeniz için genel bir rapor oluşturur.
Performans skoru 0 ile 100 arasında bir değer almaktadır. 0 ile 49 arası kötü, 50 ile 89 arası geliştirilebilir, 90 ile 100 arası iyi olarak değerlendirilir. Peki bu değeri nasıl elde ediliyor? Hangi metrikler kullanılıyor buna bakalım.
Performans skoru hesaplanırken FCP (İlk İçerikli Boya), SI (Hız Endeksi), LCP (En Büyük İçerikli Boya), TTI (Etkileşim Zamanı), TBT (Toplam Blokaj Süresi) ve CLS (Kümülatif Düzen Kaydırma) metriklerini kullanarak hesaplar ile ilgili daha detaylı bilgi almak için aşağıdaki kaynağa bakabilirsiniz.
Link: https://googlechrome.github.io/lighthouse/scorecalc/
First Contentful Paint (FCP), Türkçe anlamı ise ilk zengin içerikli boyadır. FCP bir web sayfasının yüklenmeye başladığı andan itibaren kullanıcının görebileceği ilk öğenin yüklenmesi arasında geçen sürenin hesaplanması ile ortaya çıkan bir metriktir. FCP diğer metriklerinden ayıran diğer kısmı ise sadece arka tarafta çalışan kodları ölçmesi ile değil, kullanıcı deneyimine(UX) ve sitede ilk olarak hangi öğenin yüklendiğine odaklanır.
First Meaningful Paint (FMP), Türkçe anlamı ise ilk anlamlı boyadır. İlk anlamlı boya bir web sayfasının birincil içeriğinin ziyaretçiye ne zaman görünür olduğunu ölçen bir PageSpeed metriğidir. FMP sayfanın ilk yüklenmeye başladığı zamandan ilk içeriğin kullanıcıya gösteren zamanın saniye bazında ölçülmesi ile ortaya çıkar.
0 ile 2 saniye arası FMP hızının iyi olduğu anlamına gelir. 2 ile 4 saniye arası sayfa hızının orta ve geliştirilmeye açık olduğunu belirtir. 4 saniye üstü hızın kötü olduğu anlamına gelir ve kesinlikle geliştirilme yapılmalıdır.
Cumulative Layout Shift (CLS), kümülatif düzen kayması olarak Türkçeye çevrilebilir. CLS web vitals çekirdek güncellemesi ile hayatımıza giren bir site hızı metriklerinden biridir. CLS kullanıcıların bir sayfayı ziyaret ettiğinde sitenin açılış ve yüklenmesi arasında sayfanın görsel kararlılığını ölçen metriktir. Genellikle sayfalarda görsel kodlarının (Genişlik ve Uzunluk) tarayıcıya belirtilmemesi ile oluşmaktadır.
0.00 – 0.1 arasında olan skor yeşil bir renkle gösterilir ve başarılıdır. 0.1 – 0.25 arasında olan skor sarı bir renkle gösterilir ve kabul edilebilir bir seviyededir ama yine de geliştirilmesi gerekmektedir. 0.25 üstü skor kırmızı renkle gözükür ve çok kötüdür acil müdahale gerekmektedir.
Largest Contentful Paint (LCP), Türkçe anlamı ise en büyük içerikli boyadır. LCP kullanıcının web sitesinin yüklemeye başladığı andan görüntü alanındaki en büyük görünür içerik öğesi yüklenene kadar geçen süredir.
Largest contentful paint ölçümlemesi değerlendirmelerine giren yapılar;
0 – 2500 ms (Milisaniye) arası hızlı olarak adlandırılır ve geçerlidir. 2500 – 4000 ms arası orta sayılır ve geliştirmeye açıktır. 4000 ms ve üstü acil müdahale gerektirmektedir çünkü en büyük öğemizin bu kadar yavaş yüklenmesi site hızı ve kullanıcı deneyimi açısından sitemize büyük zarar verir.
First Input Delay (İlk Giriş Gecikmesi) bir kullanıcının web sitesine ilk etkileşime girdiği zamandan tarayıcının eylemi işleme almaya başlayan aradaki gecikmenin ölçümlenmesidir. Tarayıcıların genellikle belli bir süre gecikme zamanı vardır bizim sitemiz için bu gecikmeyi kabul edilebilir bir seviyede tutmamız gerekmektedir.
Peki kabul edilebilir zaman nedir? 0 ile 100 ms (milisaniye) arası iyi olarak kabul edilir. 100 ile 300 ms arası geliştirmeye açıktır. 300 ms üzeri kötü olarak kabul edilir ve kullanıcı deneyimi açısından sitemize büyük bir zarar verir o yüzden kesinlikle bir çalışma yapılmalıdır.
Speed Index (Hız Endeksi) PageSpeed raporunun performans bölümündeki 6 ölçümden biridir. Speed index bir web sayfasının görsel olarak ne kadar hızlı sürede yüklendiğini gösterir. Speed index hesaplamasını saniye üzerinden yapar o yüzden web sayfanızın görsel olarak yükleme süresini ne kadar düşürürseniz sayfanız için o kadar iyidir. Web sayfanızı daha hızlı yüklenmesi için PageSpeed teşhis bölümündeki verilen verileri inceleyip uygulamanız hem performans skorunuza hem de speed index metriklerine fayda sağlayacaktır.
0 ile 3,4 saniye arası hızlı iyi olarak değerlendirilirken 3,4 ile 5,8 saniye arası orta ve geliştirilmesi gerekmektedir. 5,8 saniyeden fazla ise kötü ve kesinlikle müdahale edilmelidir.
Bu metriklerin sonuçlarına göre başarılı oldu veya başarısız oldu sonuçlarını veriyor.
Perfist Blog
Benzer Yazılar
Universal Analytics’ten Google Analytics 4’e geçişle beraber bazı çözülmesi gereken sorunlarınız olabilir. Bu sorunlardan biri de ‘unassigned’ trafik. Raporlarda “unassigned” / (not set) olarak görünen boyutlar, analiz ve optimize etme olanağınızı olumsuz etkileyen bir faktör olarak karşımıza çıkıyor. GA4 raporlarınızdaki “unassigned” trafiğin nedenlerini ve nasıl azaltalabileceği gibi konulara değineceğiz. Bu sayede web sitenizin ziyaretçi trafik […]
Devamını Oku
Beginner Level Web/App AnalitiğiGoogle Cloud’un BigQuery veri ambarı Facebook Reklamlarından otomatik veri aktarımını desteklediğini bu yılın başında açıklamıştı. Önizleme aşamasında olan bu özellik, veri yükleme işlerinin planlanmasına olanak tanıyarak analiz ve içgörüler geliştirmek için alternatif bir yol sunuyor. Bu entegrasyon sayesinde üçüncü taraf araçlara veya manuel kod çalışmasına olan ihtiyacınız ortadan kalkıyor. Bu entegrasyon özel raporların desteklenmediği sabit […]
Devamını Oku
Mid Level Web/App AnalitiğiGoogle Analytics 4’ün app ve web verilerini birleştiriyor olmasıyla uygulama analizleri daha kolay takip edilebilir hâle geldi. Firebase Analytics, iOS veya Android uygulamanızın takibini GA4 ile kolaylıkla yapabilmenize olanak tanıyor. Mobil uygulama takibi için birçok farklı tool olmasıyla beraber aynı mülk içinde hem web hem de app verilerini görebiliyor olmak daha doğru analizler ve stratejiler […]
Devamını Oku
Mid Level Web/App Analitiğiİşletmeler, analitik ve pazarlama çerezlerinden mümkün olduğunca fazla veri kullanmak ister. Ancak bu verileri toplayabilmesi ve kullanabilmesi için KVKK/GDPR gibi kanunlara uyum sağlaması gerekir. Google, Consent Mode’nu kullanıma açarak çerezlerin onay düzeyine göre kullanılabilmesine yardımcı olur. Yani Consent Mode ile kullanıcıların gizlilik tercihleri dikkate alınarak ilgili platformlara aktarılması sağlanır. Çerez türlerini kısaca açıklamak gerekirse: Zorunlu […]
Devamını Oku
Mid Level Web/App Analitiği