PageSpeed ​​Insights, Yeni Deniz Feneri Hız Metrikleri Ekliyor


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), tüm sayfayla etkileşim kurmanın ne kadar sürdüğünü, ne kadar sürdüğünü gösteren yepyeni bir ölçümdür. Google aramalarıgenel etkileşim gecikmesi

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.

Bir Web Sayfası Öğesinin İyi Duyarlılığının Ekran Görüntüsü

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 alan verilerinin görünmesi biraz zaman alabilir çünkü alan 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).

Lighthouse daha sonra ikinci bir metrik satırı görüntüler:

  • İlk İçerikli Boya
  • INP
  • TTFB

Yeni Deniz Feneri Metrikleri Ekranının Ekran Görüntüsü

Deniz Feneri Metrikleri

Chrome Deniz Feneri Uzantısı

Yeni metrikleri görüntülemenin başka bir yolu, Chrome Deniz Feneri uzantısı.

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ü

Chrome Deniz Feneri Uzantı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ü

TTFB ve INP ölçümlerinin rapor edildiğini gösteren WebPageTest.org 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.

alıntılar

Google’ın Resmi INP Açıklayıcısını Okuyun

Sonraki Boyayla Etkileşim (INP)

Google’ın Son Güncelleme TTFB Açıklayıcısını Okuyun

İlk Bayt Süresi (TTFB)

PageSpeed ​​Insights Sürüm Notlarını Okuyun

PageSpeed ​​Insights API ve PageSpeed ​​Insights UI için sürüm notları

Yoruma kapalı.