Etkileşimi Sonraki Boyaya İlerletme

INP artık deneysel değildir. Chrome'un 2024'te Chrome'u Core Web Vitals'a getirme planı hakkında bilgi edinin.

Sullivan
Annie Sullivan

Chrome'un Web Vitals programı kapsamındaki misyonu, geliştiricilerin mükemmel kullanıcı deneyimleri için gerekli olan metriklere, yani Core Web Vitals'a odaklanmasına yardımcı olmaktır. Kullanıcı deneyiminin önemli bir özelliği de yanıt vermedir. Yanıt verme özelliği, bir web sayfasının kullanıcı etkileşimlerine hızlı bir şekilde tepki verebilmesidir.

First Input Delay (FID), yanıt verme süresini ölçen Core Web Vital metriğidir ancak daha önce de belirttiğimiz gibi FID ile ilgili bilinen sınırlamalar vardır. Bu sayede, söz konusu sınırlamaları daha etkili bir şekilde ele alan deneysel bir metriği keşfedip geri bildirim almaya başladık. 2022'de bu yeni metrik olarak Next Paint'e Etkileşim (INP) metriğini duyurduk, araçlarımızda yaygın olarak kullanıma sunduk ve etkinliğini test etmek için toplulukla birlikte çalışmaya başladık.

Bir yıl daha test edip topluluktan geri bildirim topladıktan sonra, artık eğitim sermayesini geride bırakmaya ve INP'nin artık deneysel olmadığını duyurmaya hazırız. Bunlara ek olarak, Mart 2024'ten itibaren INP'yi duyarlılık konusunda yeni Core Web Vital metriği olarak tanıtmayı ve FID'nin yerini almayı da planlıyoruz.

Bu yayında kararın arkasındaki motivasyon, tam olarak nelerin değiştiği ve nasıl başlayacağınız hakkında daha fazla bilgi vereceğiz. Bu durumun Google Arama'yı nasıl etkilediği hakkında daha fazla bilgi için blog yayınına bakın.

Daha iyi bir duyarlılık metriği

FID, 2020'de Önemli Web Verileri olarak sunulduğumuzda büyük bir adım attı. Web Verileri programının önemli bir parçası olan bu özellik, geliştiricilere gerçek kullanıcıların yaşadığı şekilde duyarlılığı ölçmeleri için yeni bir yol sundu. Toplam Engelleme Süresi (TBT) ve Etkileşime Geçme Süresi (TTI) gibi yalnızca sayfa etkileşimini tahmin eden benzer metriklerin aksine FID, kullanıcı deneyimini doğrudan ölçer. Daha da önemlisi, bir sayfanın yavaş TBT veya TTI'ye sahip olması, gerçek kullanıcıların sayfayla etkileşim kurma şeklinden dolayı yine de duyarlı olarak algılanabilir.

Duyarlılığı ölçme yöntemimizi iyileştirse de FID'de sınırlama yoktu. Bu adın kendisi, bu tür iki sınırlamayı ortadan kaldırır: "first Input" ve "gelay". FID yalnızca bir kullanıcının sayfayla ilk etkileşimde bulunduğu zaman yanıtlama düzeyini raporlar. İlk izlenimler önemli olsa da ilk etkileşim, bir sayfanın ömrü boyunca gerçekleşen tüm etkileşimleri yansıtmayabilir. Ayrıca FID, yalnızca ilk etkileşimin giriş gecikmesi bölümünü ölçer. Bu, tarayıcının etkileşimi ele almaya başlamadan önce beklemesi gereken süredir (ana iş parçacığı yoğunluğu nedeniyle).

INP girin. INP, yalnızca ilk etkileşimi ölçmek yerine tüm etkileşimleri dikkate alarak sayfanın tüm ömrü boyunca en yavaş etkileşimlerden birini bildirir. INP yalnızca gecikme bölümünü ölçmek yerine etkileşimin başlangıcından etkinlik işleyiciye kadar olan ve tarayıcı bir sonraki kareyi boyayabilene kadar geçen tam süreyi ölçer. Bu nedenle, Sonraki Boyama ile Etkileşim. Bu uygulama ayrıntıları, INP'yi kullanıcı tarafından algılanan duyarlılığa ilişkin FID'ye göre çok daha kapsamlı bir ölçüm haline getirir.

Gelişen INP

Bugünden itibaren INP artık deneysel değildir ve beklemede olan Önemli Web Verileri metriği olarak kabul edilecektir. Bu, INP'nin FID'in yerini almaya hazır olduğunu kanıtladığını gösteren yeni bir tanımdır, ancak bu değişikliği henüz yapmıyoruz. Ekosisteme uyum sağlaması için zaman tanımak amacıyla INP, Mart 2024'te resmi olarak kararlı bir Core Web Vital metriği haline gelecek.

INP aşamalarının zaman çizelgesini gösteren grafik.
INP aşamalarının zaman çizelgesini gösteren grafik.

Araçlarımızda, INP'yi experimental öneki veya simgesi olmadan görmeye başlayacaksınız. Aşağıdaki API'lerin herhangi birinden INP verilerini programatik olarak kullanıyorsanız, kodunuzu, deneysel olmayan INP alanına geçmek için güncellemeniz gerekir.

Araç Alan kullanımdan kaldırıldı Yeni alan
CrUX API'si experimental_interaction_to_next_paint interaction_to_next_paint
CrUX Geçmişi API'sı experimental_interaction_to_next_paint interaction_to_next_paint
CrUX BigQuery experimental.interaction_to_next_paint interaction_to_next_paint
PageSpeed Insights API experimental_interaction_to_next_paint interaction_to_next_paint
Lighthouse raporu* experimental-interaction-to-next-paint interaction-to-next-paint
API'leri eski ve yeni INP alan adlarıyla eşleme.
* Lighthouse, sürüm 11'de deneysel INP alanını kullanmayı bırakacaktır.

Bu API'ler, geçişi kolaylaştırmak ve aşağı akış uygulamalarının bozulmasını önlemek için deneysel INP alanını 90 gün daha sunmaya devam edecektir. Deneysel INP alanı için API desteği 8 Ağustos 2023'te sona erecek.

Bu arada FID, Mart 2024'e kadar Core Web Vitals olarak kalacak. Bu sırada INP, üç kararlı Core Web Vitals olarak Largest Contentful Paint (LCP) ve Cumulative Layout Shift (CLS) bölümlerine katılır. Gelecekteki bir güncellemede, değişikliğin kesin zamanlaması ve Önemli Web Verileri olarak değiştirilmesinin ardından FID planı hakkında daha fazla bilgi paylaşacağız.

INP'yi kullanmaya başlama

İyi INP değerleri en fazla 200 milisaniye, düşük değerler 500 milisaniyeden fazladır ve aradaki tüm değerlerin iyileştirilmesi gerekir.

INP'yi iyileştirmeye başlamak için 2024'te Core Web Vital'a dönüşmesini beklemeyin. Web siteniz, mobil cihazlarda iyi FID performansına sahip sitelerin %93'ünde yer alabilir. Ancak mobil cihazlarda iyi INP oranına sahip sitelerin sadece %65'i olduğunu öğrenin. INP, yanıt verme süresini çok daha doğru şekilde ortaya koymaktadır. Dolayısıyla bu rakamlar, önümüzde iyileştirme yapabileceğimiz alanları daha net görmemize yardımcı olmaktadır.

Sitenizde INP sorunları olup olmadığını, bunları nasıl gidereceğinizi ve INP ile ilgili tüm konuları öğrenmek için en iyi başlangıç noktası INP optimizasyon kılavuzudur. Duyarlılık konusunda ister ilk kez bilgi ediniyor olun ister bir performans uzmanı olun, INP'nin nasıl ölçülüp optimize edileceğini herkesin öğrenmesini mümkün olduğunca kolaylaştırmak için birçok yeni kılavuz ekledik.

INP'nin öğrenmesi biraz zaman alabilir ve bu sorun değil. En yüksek YG'yi sağlayacak optimizasyonlara odaklanmanıza yardımcı olmak amacıyla, bu yılın başlarında, Core Web Vitals'ı iyileştirmeye yönelik en etkili önerilere giden yol gösterici bilgileri bir blog yayını yayınladık. Özellikle, FID ve INP'yi optimize etmede aynı şekilde geçerli olan ve bilmeniz gereken üç teknik hakkında bilgi verdik: uzun görevlerden kaçınma veya bunları bölme, gereksiz JavaScript'ten kaçınma ve büyük oluşturma güncellemelerinden kaçınma. Bunlar ve diğer birçok INP optimizasyon tekniği hakkında daha fazla bilgiyi belgelerimizde bulabilirsiniz.

Önünüzdeki yol

Yanıt verme ile ilgili yeni bir çıta ayarlandı ve topluluğun daha iyi bir kullanıcı deneyimi için mücadeleye direndiğini görmekten heyecan duyuyoruz. İlk geri bildirimler ve örnek olaylar umut vericiydi. Ancak birçoğu için uzun ve bilindik bir yolun olabileceğinin farkındayız. Geliştiricilere süreç boyunca yardımcı olmak amacıyla iyileştirilmiş teşhis, tools ve dokümanlar ile bu yolculuğu mümkün olduğunca kolaylaştırmak için çalışıyoruz.

INP'nin Mart 2024'te kesin geçiş tarihiyle ilgili güncellemeler için bizi takip etmeye devam edin. Metrik artık deneysel olmasa da, INP'yi ve Web Vitals programını bir bütün olarak iyileştirmemize yardımcı olmak için web-vitals-feedback@googlegroups.com adresinden geri bildirimlerinizi her zaman bekliyoruz.