Interaction to Next Paint akan secara resmi menjadi Core Web Vital dan akan menggantikan Penundaan Input Pertama pada 12 Maret.
Program Data Web menyediakan metrik untuk membantu developer web mengukur aspek-aspek utama pengalaman pengguna di web. Penundaan Input Pertama (FID) menunjukkan aspek responsivitas program, tetapi seiring waktu, makin jelas bahwa metrik baru diperlukan untuk menangkap aspek interaktivitas di web yang tidak dilakukan oleh FID. Tim Chrome mengenali kebutuhan ini, dan memperkenalkan Interaction to Next Paint (INP) sebagai metrik eksperimental pada Mei 2022. Tahun lalu, INP menjadi metrik tertunda, dan kami mengumumkan bahwa INP akan dipromosikan ke status stabil pada Maret 2024.
Hari ini, kami mengumumkan bahwa INP akan secara resmi menjadi Core Web Vital dan menggantikan FID pada 12 Maret tahun ini, serta FID tidak akan digunakan lagi dalam transisi ini.
Postingan ini menawarkan saran dari Tim Chrome tentang cara mempersiapkan diri untuk perubahan ini, dan hal yang akan terjadi setelah perubahan diterapkan.
Bagaimana cara mempersiapkannya?
Langkah pertama dalam transisi ini adalah mengetahui apakah INP situs Anda memenuhi kriteria "baik" minimum. Semua Core Web Vitals diberi skor berdasarkan seberapa baik performanya di kolom pada persentil ke-75 dari semua pemuatan halaman.
Cara termudah untuk melihat performa situs Anda di INP adalah dengan menggunakan PageSpeed Insights, yang menampilkan data dari Chrome User Experience Report (CrUX). CrUX adalah set data resmi program Data Web, dan dapat menjadi sumber potensial data kolom untuk situs Anda.
Sumber data kolom lainnya mungkin berasal dari penyedia Real User Monitoring (RUM), yang juga mengamati performa situs Anda di lapangan. Jika Anda bekerja sama dengan penyedia RUM, tanyakan tentang dukungan INP mereka.
Jika Anda mendapati bahwa INP situs Anda berada dalam "perlu peningkatan" atau "buruk" kami telah menyiapkan beberapa referensi untuk membantu Anda meningkatkannya, dimulai dengan cara mendiagnosis dan memecahkan masalah INP:
Setelah mengetahui masalahnya, Anda dapat menggunakan panduan berikut untuk mengetahui bagian interaksi mana yang harus Anda optimalkan:
- Optimalkan tugas yang berjalan lama jika Anda memiliki JavaScript yang memakan cukup waktu di thread utama. Jika selama pemuatan halaman Anda mengalami banyak aktivitas thread utama yang memulai banyak tugas panjang di thread utama, Anda mungkin mengalami masalah dengan tugas evaluasi skrip yang berlebihan.
- Optimalkan penundaan input jika interaksi membutuhkan waktu lama untuk mulai diproses.
- DOM yang besar bisa membutuhkan banyak pekerjaan rendering, dan interaksi sering kali mengubah DOM. Sebaiknya hindari tata letak yang besar dan kompleks serta layout thrashing, dan minimalkan ukuran DOM jika memungkinkan.
- Jika Anda memiliki pemilih CSS yang kompleks, pemilih tersebut juga dapat menyebabkan pekerjaan yang cukup besar sebagai respons terhadap interaksi pengguna.
- Terakhir, jika situs Anda merender sebagian besar HTML-nya pada klien melalui JavaScript, penting untuk mengetahui bagaimana rendering HTML sisi klien dapat memengaruhi interaktivitas.
Kompleksitas INP berarti Anda akan mengoptimalkan interaktivitas dengan banyak cara, tetapi hasilnya sepadan dengan usaha Anda. Ada beberapa studi kasus yang telah dilakukan, seperti dari The Economic Times dan redBus, tentang bagaimana mengurangi latensi interaksi dapat meningkatkan hasil bisnis. Mengoptimalkan INP di situs juga dapat membantu Anda mencapai sasaran.
Apa yang akan terjadi setelah INP menjadi Core Web Vital?
Perlu diingat bahwa INP akan secara resmi menjadi Core Web Vital dan menggantikan FID pada 12 Maret tahun ini. Hasil lainnya dari kebijakan ini adalah FID tidak akan lagi menjadi Core Web Vital, dan secara resmi tidak akan digunakan lagi serta dihapus dari program.
Oleh karena itu, Anda akan melihat perubahan dalam dokumentasi FID. Dokumentasi yang penting secara historis terkait FID akan tetap berlaku, tetapi pemberitahuan penting akan ditambahkan untuk menekankan status FID yang tidak digunakan lagi, dan merujuk ke dokumentasi INP. Dokumentasi lainnya yang berfokus pada FID dapat dihapus sepenuhnya dan dialihkan ke dokumentasi INP yang relevan.
FID masih direpresentasikan di banyak alat Google, begitu juga INP. FID akan dihapus dari Google Search Console segera setelah INP menjadi Core Web Vital pada tanggal 12 Maret. Semua alat lainnya—seperti PageSpeed Insights dan CrUX—akan menawarkan periode penghentian penggunaan enam bulan untuk memberi developer kesempatan untuk memperbarui kode mereka.
Terakhir, jika Anda memiliki pertanyaan tentang arti penyertaan INP dalam Core Web Vitals bagi Google Penelusuran, lihat postingan pengumuman INP di Pusat Google Penelusuran.
Jalan di depan
Penyertaan INP ke Core Web Vitals telah direncanakan dengan cermat selama dua tahun terakhir, dan ini merupakan langkah maju yang signifikan. Kami yakin bahwa pendekatan holistik INP terhadap responsivitas di web akan membantu developer menilai dan meningkatkan aspek penting pengalaman pengguna ini dengan lebih baik, dan menghasilkan web yang lebih responsif dari waktu ke waktu. Dengan INP ditetapkan untuk menjadi Core Web Vital pada 12 Maret, kami berharap developer memanfaatkan waktu ini untuk memahami dan mengoptimalkan performa INP mereka.
Seperti biasa, jika ada pertanyaan atau masalah, kami menantikan masukan Anda di web-vitals-feedback@googlegroups.com terkait INP, FID, atau metrik lainnya dalam program Data Web.