Google’ın PageSpeed Insights’ı, PageSpeed Insights API’sine ve Lighthouse için kullanıcı arayüzüne iki yeni ölçüm ekledi. İki ölçüm deneysel olarak etiketlenirken, ilgili laboratuvar verileri teşhis amacıyla kullanılabilirken, şu anda saha verileri için toplanmaktadır.
Google Deniz Feneri Güncellendi
Lighthouse şimdi iki yeni metrikle güncellendi. Yeni Deniz Feneri metrikleri şunlardır:
- Sonraki Boyayla Etkileşim (INP)
- İlk Bayt Süresi (TTFB)
İlk Bayt Süresi (TTFB)
Birçok kişi Time to First Byte’ı zaten biliyor olacak, uzun yıllardır var ve bazıları zaten aşina olabilir. İlk Bayt Süresi (TTFB) metriği, sunucunun bir kaynak isteğine ne kadar hızlı yanıt verdiğini ölçer. Bu nedenle, bu metriğin önemi, daha sonra gelen tüm diğer sayfa yükleme metrikleri üzerinde olumsuz bir etkisi olabilecek bir faktörü (sunucu yanıt verebilirliği) izole etmeye yardımcı olmasıdır. Bu, TTFB’yi teşhis amacıyla gözden geçirilecek çok önemli bir ölçü yapar. Önemli Web Verilerini iyileştirmeye odaklanan herkes, TTFB’ye olası bir hızlı kazanç için bir göz atmalıdır. TTFB ile ilgili değişen şey, bunun PageSpeed Insights sonuçları bölümünde bir metrik olarak ilk kez sunulmasıdır. Chrome ayrıca ilk kez TTFB alan verilerini toplayacak ve raporlayacaktır.
Sonraki Boyayla Etkileşim (INP)
Sonraki Boyayla Etkileşim (INP), sayfanın tamamıyla etkileşim kurmanın ne kadar sürdüğünü gösteren, Google’ın “ genel etkileşim gecikmesi ” dediği yepyeni bir ölçümdür . INP ölçüleri, yalnızca sayfanın bir site ziyaretçisinin ilk etkileşimine yanıt vermesinin ne kadar sürdüğünü ölçen İlk Giriş Gecikmesinin aksine, tüm sayfayla etkileşim kurmanın ne kadar sürdüğünü gösterir. Google, iyi bir INP ile zayıf bir INP arasındaki farkı göstermek için bir alışveriş sayfası örneği kullanır.
Bir alışveriş sayfası örneği, daha büyük bir yakın plan versiyonunu oluşturan tıklanabilir bir resmi göstermektedir. Zayıf yanıt verme örneği, bir kullanıcının resme tıklayıp daha büyük resim tarayıcıya indirilirken bir şeyler olmasını beklemesidir. Tıklamaya geri bildirim yanıtı yok. İyi bir yanıt verme örneği, aynı görüntüye tıklayan ve görüntü talebinin alındığını ve şimdi yüklenmekte olduğunu bildiren bir sayfa yükleme grafiğiyle hemen yanıt veren bir kullanıcıdır. Yukarıdakiler, Yeni INP metriğinin, Sonraki Boya ile Etkileşimin bir temsiline ulaşmak için bir web sayfasının tüm duyarlı öğelerini nasıl ölçeceğinin bir örneğidir. Google’ın Web.dev’i, yeni Etkileşimle Sonraki Boya (INP) metriğini açıklıyor:
“INP, bir kullanıcı bir sayfayı ziyaret ettiğinde meydana gelen en uzun etkileşimlerden birini seçerek bir sayfanın genel etkileşim gecikmesini temsil etmeyi amaçlayan bir ölçümdür. Toplamda 50’den az etkileşime sahip sayfalar için INP, en kötü gecikmeye sahip etkileşimdir. Çok sayıda etkileşime sahip sayfalar için, INP genellikle etkileşim gecikmesinin 98. yüzdelik dilimidir.”
Yeni PageSpeed Insights Düzeni
İki yeni metrik, şu anda PageSpeed Insights aracında incelenebilir. Ancak saha verilerinin görünmesi biraz zaman alabilir çünkü saha verileri, siteyi ziyaret etmek ve verilerinin kaydedilmesini sağlamak için sayfa hızı verilerinin Google’a gönderilmesine izin vermeyi seçen gerçek Chrome tarayıcı kullanıcılarından elde edilir. Temel web vitals puanları arka arkaya ilk sırada listelenir (masaüstü görünümünde).
Yeni Deniz Feneri Metrikleri
Chrome Deniz Feneri Uzantısı
Yeni metrikleri görüntülemenin başka bir yolu da Chrome Lighthouse uzantısıdır . Bunu kullanmanın yolu, herhangi bir sayfaya göz atmaktır ve tarayıcının sağ üst tarafındaki kare kutu, sayfanın Önemli Web Verileri metriklerini geçip geçmediğine bağlı olarak kırmızıya veya yeşile döner. Kutunun kendisine tıklamak, CWV ve deneysel metriklerin bir görüntüsünü etkinleştirir.
Chrome Lighthouse Uzantısının ekran görüntüsü
3. Taraf Araçlarda Bulunan Yeni Metrikler
Lighthouse’u analizlerinde kullanan birçok sayfa hızı aracı, INP ve TTFB ölçümlerini de gösterecektir. Örneğin, WebPageTest.org artık yeni ölçümleri gösteriyor.
WebPageTest Deniz Feneri Sonuçlarının Ekran Görüntüsü
Sayfa Hızı Öngörüleri Güncellemeleri
PageSpeed Insights aracında ek güncellemeler de vardır. Göze çarpan bir değişiklik, hem saha hem de laboratuvar verilerinin paralel olarak yüklenmesiyle elde edilen sonuçların gösterilme hızıdır. Diğer bir değişiklik ise, PageSpeed Insights’ın analiz gerçekleştirmek için Lighthouse’a göndermeden önce HTTP yönlendirmelerini çözmeye çalışmasıdır. Daha önce Lighthouse, analizi gerçekleştirirken HTTP yönlendirmelerini yönetiyordu. Artı iki ek değişiklik daha:
“Önemli Web Verileri (CWV) ölçümleri (LCP, FID, CLS), doğrudan CWV değerlendirmesinin altında görünür. Ayrıntıları ve dikey alanı azaltarak tasarımı sıkılaştırdık.”
Deniz Feneri Verileri Daha Faydalı
Bu iki ölçümün, TTFB ve INP’nin eklenmesi, Lighthouse analizini kullanan tüm sayfa hızı araçlarını önemli ölçüde daha kullanışlı hale getirir. TTFB, başka yerlerde düşük hız performansının altında yatan sunucuyla ilgili sorunlar hakkında geri bildirim sağlar ve INP, sayfa performansına daha önce mevcut olandan daha geniş bir genel bakış sunar.
PageSpeed Insights, Yeni Deniz Feneri Hız Metrikleri Ekliyor