Google PageSpeed Insights Nedir? Nasıl Kullanılır?

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.

Site Hızı Neden Önemli?

Ö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 Nedir?

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.

Google PageSpeed Insights Metrikleri

Performans Skoru Nedir? Nasıl Hesaplanır?

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 (İlk Zengin İçerikli Boya) Nedir?

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 (İlk Anlamlı Boya) Nedir?

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 (Kümülatif Düzen Kayması) Nedir?

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 (En Büyük İçerikli Boya) Nedir?

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;

• <img> resim elementleri.
• Svg etiketi içerisinde <img> elementleri.
• <video> elementleri.
• Satır içi (inline).
• Paragraph tag, Heading tags vb. (blok metin elementleri).
• CSS üzerinden eklenen görseller.

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) Nedir?

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) Nedir?

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.

Google Pagespeed Insights Nasıl Kullanılır?

1. Google PageSpeed Insights sayfasını açın.
2. PageSpeed sayfasını açtıktan sonra yukarıdaki görselde gördüğünüz text box çıkacaktır. Analiz etmek istediğiniz web sayfasının URL’sini textbox’a girin.
   
3. Bir süre bekledikten sonra analiz sonuçları önümüze çıkıyor. PageSpeed analiz sonuçlarını mobil ve masaüstü olarak ayırarak bizlere veriyor.
   
4. Google’ın önemli web verileri olarak adlandırdığı ilk kısım önümüze çıkıyor peki bu önemli metrikler neler.
   • First Contentful Paint (FCP)
   • First Input Delay (FID)
   • Largest Contentful Paint (LCP)
   • Cumulative Layout Shift (CLS)

   Bu metriklerin sonuçlarına göre başarılı oldu veya başarısız oldu sonuçlarını veriyor.
   

5. 0 ile 100 arasında bir değere sahip olan performans skorunuz görseldeki gibi sunulur.
   
6. Yukarıdaki görselde gördüğünüz metrikler sitenizin simüle edilmiş ortamdaki yüklenmesiyle alakalı ayrıntılı analizdir. Sağ üst taraftaki “Görünümü Genişlet” yazısına tıkladığımızda metrikler hakkında kısa bir özet verecektir.
   
7. Ağaç Grafiği sitemizin ilk yüklenme sırasında nasıl yüklendiğini göstermektedir.
   
8. Fırsatlar bölümü; sayfa yüklenmesini yavaşlatan hataları gösteren kısımdır. Hataların yanında hataları düzeltildikten sonra site hızına ne kadar fayda sağlayacağı da net bir şekilde gösterilmektedir. Hataların üzerine tıkladığımız zaman daha detaylı bilgi verir ve bu hatayı nasıl düzelteceğiz hakkında size yardımcı olan bilgiler verir. Pagespeed analizinin en önemli kısımlarından biridir.
   
9. Pagespeed analizinin teşhis bölümü; öneri olarak algılanmalıdır. Hız puanınızı doğrudan etkilemeyen hatalar hakkında size bilgi verir.
   
10. Başarılı denetimler bölümü; sitenizde müdahale gerektirmeyen performans kontrollerini gösterir.