PageSpeed Insights Nedir? PageSpeed Skoru Neden Önemlidir?

Emre Güzel
4 min readJun 15, 2022

--

Öncelikle uzun bir süreden sonra tekrardan yazı yazmaya karar verdiğim için çok mutluyum ve heyecanlıyım eğer bir yanlışım olursa şimdiden affola.

Bugünkü yazımızda PageSpeed nedir, ne işimize yarar ve metriklerini sizlere kısaca anlatmak istiyorum.

PageSpeed Insights Nedir ?

PageSpeed Insights, Google tarafından geliştirilen ve sayfa performanslarını ölçümleyen bir web araçtır.

PageSpeed Skoru Neden Önemlidir ?

PageSpeed öncelikle kullanıcı deneyimini doğrudan etkileyen bir faktördür, hiçbir kullanıcı internette geç yüklenen sayfa ile vakit kaybetmek istemez. Özellikle mobil cihazlar söz konusu olduğunda, sayfanız ne kadar hızlı açılırsa kullanıcı deneyiminiz de o kadar iyi olacaktır.

PageSpeed değeri düşük olan sayfalarda kullanıcıların sayfadan çıkma oranının yüksek olduğu görülmektedir. Bu durum sitede kalma süresinin azalmasına yol açılıyor.

PageSpeed Metrikleri

PageSpeed Insights’ta yapılan hız testi sonucunda metriklerin değerlerine göre 100 üzerinden bir puanlama yapılır. Sonuç ekranında 100 üzerinden değerlenen performans skorları, seviyesine göre renklendirilerek kullanıcılara sunulur.

PageSpeed Insights’ta 6 tane ölçüm sonucumuz bulunuyor bu sonuçlarda bize PageSpeed skorumuz oluşturuyor.

First Contentful Paint(FCP)

First Contentful Paint (FCP), bir sayfaya gönderilen istek sonrası HTML DOM (Document Object Model) içerisinde yer alan anlamlı bir içeriğin ilk işlendiği sürenin ölçümlendiği metriğe verilen isimdir.

Bu tablo, FCP puanınızı nasıl yorumlayacağınızı gösterir

Time To Interactive(TTI)

Time To Interactive(TTI), ziyaretçilerin sayfanızla tam olarak ne kadar hızlı etkileşime girebildiğini ölçer.

Kısacası, TTI, bileşenlerin herhangi bir kullanıcı işlemine hızlı bir şekilde yanıt vermesi için bir sayfanın herhangi bir JavaScript kodunu ne kadar hızlı çalıştırabileceğini ölçer. Hangi sayfanın etkileşimli göründüğünü belirlemeye yardımcı olur .

Bu tablo, TTI puanınızı nasıl yorumlayacağınızı gösterir

Largest Contentful Paint(LCP)

LCP (Largest Contentful Paint) kullanıcının URL’yi istediği andan, görüntü alanındaki en büyük görünür içerik öğesi oluşturulana kadar geçen süredir. En büyük öğe genellikle bir resim veya video ya da blok düzeyinde büyük bir metin öğesi olur.

Bu tablo, LCP puanınızı nasıl yorumlayacağınızı gösterir.

Total Blocking Time(TBT)

Total Blocking Time (TBT), Google’ın PageSpeed ​​Insights’ındaki puanınız için en önemli ölçümdür.

Total Blocking Time (TBT) metriği, First Contentful Paint(FCP) ile Time to interactive (TTI) kullanıcının sayfa ile etkileşime geçebileceği süre arasındaki tarayıcının işleme süreçlerinin ne kadar süre ile engellendiğini ölçümleyen metriktir.

Bir sayfanın tamamen etkileşimli hale gelmeden önce ne kadar tepkisiz olduğunu gösterir.

Bu tablo, TBT puanınızı nasıl yorumlayacağınızı gösterir.

Cumulative Layout Shift(CLS)

Bir web sitesine ziyaretçi girdiği andan itibaren ilgili sayfanın yüklenmeye başlaması ile yüklemesinin bittiği an sırasındaki kaymaları düzen bozulmalarını ölçen bir algoritmadır. Yani ilgili web sayfası yüklenmeye başladıktan sonra diğerlerine göre daha geç yüklenen elemanların ilgili sayfanın düzenini bozup bozmadığını içeriği okumayı zorlaştıran kaymalar yapıp yapmadığını ölçen hassas bir sistem olarak da belirtebiliriz

Cumulative Layout Shift (CLS), genellikle sayfalara eklenen reklam, resim vb görsel elementlerin genişlik ve uzunluk (en-boy) limitlerinin tarayıcılara belirtilmemesi ve sayfa üstü elementlerin dinamik olarak sayfaya eklenmesi gibi sebeplerle oluşmaktadır.

Bu tablo, CLS puanınızı nasıl yorumlayacağınızı gösterir.

Speed Index(SI)

Speed Index(SI), sayfa yükleme sırasında içeriğin görsel olarak ne kadar hızlı görüntülendiğini ölçer.

Hız İndeksi, bir web sayfasının üst kısmının (görünüm alanında) görünen kısmının yüklenme süresini gösterir. Kullanıcıların kaydırmadan önce gördüklerinin tüm yükleme sürecini ölçer.

Bu tablo, SI puanınızı nasıl yorumlayacağınızı gösterir.

Eğer buraya kadar okudu iseniz ve ufacıkta olsa bilgi sahibi edebildiysem ne mutlu bana desteklerinizi ve önerilerinizi bekliyorum, bir sonraki yazıma kadar kendinize çok çok iyi bakınızzz :))))

--

--