Google Core Web Vitals Yeni Gelen Özelliği INP Nedir?
Google Core Web Vitals, Google’ın bir web sayfasının kullanıcı deneyimini değerlendirmek ve ölçmek için kullandığı bir dizi özel ölçümdür. Bu metrikler, kullanıcıların bir web sitesinin yükleme hızını, etkileşimini ve görsel kararlılığını nasıl algıladıklarını doğrudan etkiledikleri için Google tarafından önemli kabul edilir. Çünkü Google, kullanıcı deneyiminin nasıl etkilendiği konusuna değer verir.
Google, web sayfalarının kalitesini ve performansını belirlemek için arama algoritmasında bir sıralama faktörü olarak Google Core Web Vitals’i kullanır. Google Core Web Vitals, Google’ın arama sıralama algoritmasında giderek daha önemli bir rol oynamaktadır. Bu nedenle, web sitenizin Core Web Vitals puanlarını iyileştirmek, daha iyi arama sıralaması ve daha fazla kullanıcı trafiği elde etmek için önemlidir.
Google Core Web Vitals, ilk zamanlarda web sitelerinin kullanıcı deneyimini ölçmek için kullanılan üç temel metrikten oluşuyordu.
-Largest Contentful Paint (LCP): Sayfanın en büyük görsel öğesinin (görüntü, video, iframe vb.) tarayıcı penceresinde görünür hale gelmesi için geçen süre.
Detaylı bilgi için “Largest Contentful Paint” başlıklı içeriğimizi inceleyebilirsiniz.
-First Input Delay (FID): Bir kullanıcı web sayfasıyla etkileşime geçmeye çalıştığında (örneğin, bir düğmeye tıkladığında veya bir metin kutusuna metin yazdığında) tarayıcının yanıt vermesi için geçen süre.
-Cumulative Layout Shift (CLS): Sayfanın içeriğinin yüklenirken ve etkileşime girilirken kayma veya yeniden düzenleme sıklığı.
Bu 3 temel metriğe son olarak INP eklendi. INP, ‘Interactive to Next Paint’ kısaltmasıdır. Bir web sayfasının performansını ölçmek için kullanılan diğer bir ölçüttür.
-Interactive to Next Paint (INP): Bir kullanıcı web sayfasıyla etkileşime girdiğinde (örneğin bir düğmeye tıkladığında veya bir metin kutusuna metin yazdığında) sayfanın bir sonraki çizim döngüsü için geçen süreyi ölçer. INP, bir web sayfasının kullanılabilirliğini ve kullanıcı deneyimini ölçmek için önemli bir ölçüttür.
İçindekiler Tablosu
INP ve FID Farkları Nelerdir?
INP ve FID, web sitelerinin performansını ölçmek için kullanılan iki farklı ölçüttür. Yukarıda yer verdiğimiz tanımları alt alta tekrarladığımızda farkları daha anlaşılabilir olacaktır.
INP, bir kullanıcı web sayfasıyla etkileşime girdiğinde sayfanın bir sonraki çizim döngüsü için geçen süreyi ölçer.
FID, bir kullanıcı web sayfasıyla etkileşime girmeye çalıştığında tarayıcının yanıt vermesi için geçen süreyi ölçer.
FID, web sitesinin performansını ölçmek için daha önemli bir ölçüttür. Bunun nedeni, FID’in kullanıcıların web sayfasıyla etkileşime girememesine neden olabilen uzun bir yükleme süresini ölçmesidir.
INP Değeri Nasıl Hesaplanır?
INP değeri, aşağıdaki formülle hesaplanır:
INP = (Sonraki Boyama Zamanı – İlk Etkileşime Girme Zamanı)
-Sonraki Boyama Zamanı: Sayfanın bir sonraki çizim döngüsü için geçen süredir.
-İlk Etkileşime Girme Zamanı: Bir kullanıcının web sayfasıyla etkileşime girdiği ilk zamandır.
İyi bir INP puanı, 100 milisaniyenin (ms) altındadır. 100 ms’den yüksek bir INP puanı, kullanıcı deneyimini kötüleştirebilir ve kullanıcıların web sayfasından ayrılmasına neden olabilir.
INP Değeri Nasıl Ölçülür?
INP (Interactive to Next Paint) değerini ölçmek için, aşağıdaki adımları izleyebilirsiniz:
-Google Chrome tarayıcısını açın.
-Ölçmek istediğiniz web sitesine gidin.
-Chrome DevTools’u açın.
-“Performance” sekmesini seçin.
-“Start recording” düğmesine tıklayın.
-Web sayfasıyla etkileşime geçin.
-Etkileşimden sonra “Stop recording” düğmesine tıklayın.
-“Performance” grafiğinde, “interactive” ve “next_paint” öğelerini bulun.
-“interactive” öğesindeki süre, web sayfasının etkileşime hazır hale gelmesi için geçen süredir.
-“next_paint” öğesindeki süre, web sayfasının bir sonraki çizim döngüsü için geçen süredir.
-INP değerini, “next_paint” öğesindeki süreden “interactive” öğesindeki süreyi çıkararak elde edebilirsiniz.
INP değeri, milisaniye (ms) cinsinden ölçülür. INP değeri düşükse, web sayfası kullanıcının etkileşimlerine hızlı bir şekilde yanıt verebilir ve bu da daha iyi bir kullanıcı deneyimi sağlar. INP değeri yüksekse, web sayfası kullanıcının etkileşimlerine yavaş bir şekilde yanıt verebilir ve bu da kullanıcı deneyimini olumsuz etkileyebilir.
INP Değeri Nasıl Düşürülebilir?
INP değerini düşürmek için, web sayfasının aşağıdakileri optimize etmek önemlidir:
-Resim boyutlarını optimize etmek: Web sayfanızdaki resimlerin boyutlarını optimize ederek, sayfanın INP değerini düşürebilirsiniz. Örneğin 1000 KB boyutlu görselinizi sıkıştırıp, kalitesini koruyarak düzenlediğinizde dosya boyutunun 100 KB’lara kadar inmesi oldukça faydalı olabilir.
-Gecikme oluşturabilecek kaynakları engellemek: Web sayfanızdaki render-blocking kaynakları engellemek, sayfanın INP değerini düşürecektir.
-Lazy loading kullanmak: Lazy loading, web sayfanızdaki görsel öğelerin yalnızca kullanıcı tarafından görüldüğü zaman yüklenmesini sağlar. Bu, sayfanın INP değerini düşürmeye yardımcı olabilir.
Google PageSpeed Insights, Lighthouse ve Chrome DevTools gibi araçlar site değerlerinizin ölçümlemesi için kullanılabilir. Bu araçlar, web sitenizin Core Web Vitals puanlarını ve bunları iyileştirmek için yapabileceğiniz değişiklikler hakkında size bilgi verecektir.
Google’ın INP ile ilgili açıklamaları için;
https://web.dev/optimize-inp/?hl=tr
https://web.dev/inp/?hl=tr