Sonraki Boyamayla Etkileşim, artık İlk Giriş Gecikmesi'nin yerini alan kararlı bir Core Web Vitals metriğidir.
Bugün son gün. Yıllar süren çalışmamızın ardından nihayet Next Paint ile Etkileşim (INP) değerini kararlı bir Core Web Vitals metriği yapmaya hazırız. Bu sayede, İlk Giriş Gecikmesi (FID) ile ilgili eksikliklerin birçoğunu gidererek etkileşim yanıt verme düzeyini ölçmede önemli bir adım atmış olduk.
Bu yayında, bugün tam olarak nelerin değiştiğini hızlıca özetleyeceğiz, Chrome araçlarından FID'in kullanımdan kaldırılması ve kaldırılması için daha belirli bir zaman çizelgesi belirleyecek ve INP sorunlarını bulup düzeltmenize yardımcı olacak bazı kaynakları paylaşacağız.
Bugün yapılan değişiklikler
Chrome tarafında tüm Core Web Vitals araçlarımız artık uygun olan durumlarda INP'nin kararlı durumunu yansıtacak. Örneğin, PageSpeed Insights, CrUX Kontrol Paneli ve Web Verileri uzantısı gibi araçlar, Core Web Vitals metriklerinin üçlüsünde INP'yi daha belirgin bir şekilde gösterir. Özellikle PageSpeed Insights'ta Core Web Vitals değerlendirme mantığı, FID yerine INP performansını değerlendirir. Search Console'da yapılan değişiklikler hakkında daha fazla bilgi edinmek için Arama ekibinin blog yayınına bakın.
Ayrıca bugünden itibaren bazı araçlarda, metriğin artık Core Web Vitals olmadığını ve kaldırılacağına dair uyarı olarak FID için desteği sonlandırma bildirimi gösterilebilir. Aşağıdaki FID desteğinin sonlandırılmasıyla ilgili zaman çizelgesi bölümünde, FID'den tamamen vazgeçtiğinizden emin olmak için bilmeniz gereken tarihler açıklanmaktadır.
FID desteğinin sonlandırılmasıyla ilgili zaman çizelgesi
Core Web Vitals metriği olarak FID yerine INP kullanılmaya başlandığından Chrome, FID desteğini resmi olarak sonlandırıyor. Bu, Chrome araçları artık FID'nin kullanılabilirliğini garanti edemeyeceği ve geliştiricilerin INP'ye geçmek için 9 Eylül 2024'e kadar süresi olduğu anlamına geliyor.
Bu, özellikle Chrome User Experience Report (CrUX) veya PageSpeed Insights API'lerini kullanan müşteriler için önemlidir. Hizmette kesinti veya kesinti yaşanmaması için bu API'lerden herhangi birinden FID verilerini işleyen uygulamaların 9 Eylül'e kadar INP'ye geçirilmesi gerekir. Açıkça belirtmek gerekirse bu değişiklik, API'lerin en son sürümlerinde zarar verici bir değişiklik olacak, ana sürüm sayılarında da artış yaşanmayacak.
INP'yi optimize edecek kaynaklar
INP'yi ilk kez görüyor veya yanıt verme uzmanı olabilirsiniz. Her durumda INP optimizasyon kaynakları koleksiyonu, aradığınızı bulmak için harika bir başlangıç noktasıdır. Bu her zaman güncel dokümanlar koleksiyonu, metriğin tanımından, yerel olarak ve gerçek kullanıcılarla ölçüm yapma tekniklerini, çeşitli kullanım alanlarını optimize etmeye yönelik pratik önerileri ve yol gösterici bilgileri gösteren gerçek örnek olayların listesini kapsar.
Bu dokümanları kullanarak, sitenizdeki INP sorunlarını bulup düzeltmek için izleyebileceğiniz genel bir iş akışını burada bulabilirsiniz:
Standart INP dokümanlarından, INP'nin kullanıcı etkileşimlerine duyarlılığı nasıl ölçtüğünü öğrenin.
Sitenizin INP performansını değerlendirmek için gerçek kullanıcı verilerine bakın. INP deneyimlerinin en az% 75'inin iyi olarak kabul edilmesi için kullanıcı girişlerine 200 milisaniyeden kısa sürede yanıt vermesi gerekir. Siteniz zaten iyi bir INP'ye sahipse endişelenmeyin.
Web siteniz CrUX veri kümesine dahilse URL'nizi PageSpeed Insights'a ekleyin veya Search Console'da Önemli Web Verileri raporuna göz atın.
Analiz sağlayıcınızın INP izlemeyi destekleyip desteklemediğini öğrenin.
web-vitals.js kullanarak kendi INP çözümünüzü oluşturun.
Gerekirse sitenizde, kullanıcı deneyimleriyle ilgili teşhis bilgilerini toplayacak şekilde ayarlama yapın. Bu, kullanıcının etkileşime girdiği sayfa öğesi ve sayfanın neden yavaş olduğu gibi önemli meta verilerin yanı sıra başka faydalı verilerdir. Bu bilgiler toplu olarak en büyük iyileştirme fırsatlarını anlamanıza yardımcı olur.
Chrome Geliştirici Araçları ile yavaş etkileşimleri yerel olarak yeniden oluşturun. Bu şekilde, arka planda tam olarak neler olduğunu ve rahatsız edici kodun ne olduğunu görebilirsiniz.
Kullanıcı etkileşimini yönetirken mümkün olduğunca az iş yapmak için kodunuzu optimize edin:
INP performansınızın yüksek olmasını (ve kaybetmemesini) sağlamak için değişikliklerinizi yerel olarak ölçün ve gerçek kullanıcı deneyimlerinizi izleyin.
Umarız bu kılavuz, INP'yi optimize etme konusunda doğru yolda ilerlemenizi sağlar. Bu süreçte herhangi bir sorunla karşılaşırsanız Stack Overflow'da interaction-to-next-paint ile etiketlenmiş bir soru yayınlayarak istediğiniz zaman yardım alabilirsiniz.
INP'yi Core Web Vitals olarak kullanıma sunmamız uzun zaman önce yapılmıştı. 2021'de daha iyi bir yanıt verme metriği oluşturma hakkındaki ilk yayınımızı yeniden ele alıyoruz. O zamandan beri, toplulukla ilgili olağanüstü geri bildirimlerin tamamını göz önünde bulundurduk ve geliştiricilere, yeterince hizmet alamayan bir kullanıcı deneyimi alanını iyileştirmeye ve sonuç olarak daha iyi bir web'e yol açmaya yönelik rehberlik edeceğine kesinlikle inandığımız bir metrik geliştirdik. Bu metriği şekillendirme konusundaki yardımlarınız ve yanıt verme durumunu iyileştirmek için gösterdiğiniz yoğun çaba için hepinize teşekkür ederiz.