Memajukan Interaksi ke Paint Berikutnya

INP tidak lagi bersifat eksperimental. Pelajari rencana Chrome untuk menjadikannya Core Web Vitals pada tahun 2024.

Annie Sullivan
Annie Sullivan

Misi Chrome dengan program Web Vitals adalah membantu developer berfokus pada metrik yang penting untuk pengalaman pengguna yang luar biasa—Core Web Vitals. Salah satu aspek penting dari pengalaman pengguna yang menjadi fokus kami adalah responsivitas, yaitu kemampuan halaman web untuk bereaksi dengan cepat terhadap interaksi pengguna.

Penundaan Input Pertama (FID) adalah metrik Core Web Vitals yang mengukur respons, tetapi seperti yang telah kami tulis sebelumnya, terdapat batasan umum FID. Hal ini membuat kami mempelajari dan mencari masukan terkait metrik eksperimental (yang kemudian) yang mengatasi batasan ini secara lebih efektif. Pada tahun 2022, kami mengumumkan Interaction to Next Paint (INP) sebagai metrik baru tersebut, membuatnya tersedia secara luas di alat kami, dan mulai bekerja sama dengan komunitas untuk menguji efektivitasnya.

Setelah satu tahun menguji dan mengumpulkan masukan dari komunitas, kami siap menghentikan sesi pelatihan dan mengumumkan bahwa INP tidak lagi bersifat eksperimental. Selain itu, mulai Maret 2024, kami juga berkomitmen untuk mempromosikan INP sebagai metrik Core Web Vital baru untuk responsivitas, yang menggantikan FID.

Dalam postingan ini, kita akan membahas lebih lanjut tentang motivasi di balik keputusan ini, apa yang berubah, dan cara memulainya. Untuk mengetahui informasi selengkapnya tentang pengaruh hal ini terhadap Google Penelusuran, lihat postingan blog mereka.

Metrik responsivitas yang lebih baik

FID adalah langkah maju yang besar saat kami memperkenalkan sebagai Core Web Vital pada tahun 2020. Solusi ini menawarkan cara baru kepada developer untuk mengukur responsivitas sebagaimana dialami pengguna sungguhan, yang selalu menjadi bagian penting dari program Data Web. Tidak seperti metrik serupa yang hanya memperkirakan interaktivitas halaman—seperti Total Waktu Pemblokiran (TBT) dan Time To Interactive (TTI)—FID secara langsung mengukur pengalaman pengguna. Yang terpenting, halaman dapat memiliki TBT atau TTI yang lambat dan tetap dianggap responsif, karena cara pengguna sebenarnya berinteraksi dengan halaman.

Meskipun ini meningkatkan cara kami mengukur respons, FID bukan tidak ada batasannya. Nama itu sendiri sebenarnya memberikan dua batasan: “first input” dan "penundaan". FID hanya melaporkan responsivitas pertama kali pengguna berinteraksi dengan halaman. Meskipun kesan pertama itu penting, interaksi pertama tidak selalu mewakili semua interaksi di sepanjang masa aktif halaman. Selain itu, FID hanya mengukur bagian penundaan input dari interaksi pertama, yaitu jumlah waktu yang harus ditunggu browser (karena kesibukan thread utama) bahkan sebelum mulai menangani interaksi.

Masukkan INP. Daripada hanya mengukur interaksi pertama, INP memperhitungkan semua interaksi, dan melaporkan salah satu interaksi yang paling lambat di sepanjang masa aktif halaman. Dan, tidak hanya mengukur bagian penundaan, INP mengukur durasi penuh dari awal interaksi, melalui pengendali peristiwa, dan hingga browser dapat menggambar frame berikutnya. Oleh karena itu, Interaksi ke Next Paint. Detail implementasi ini menjadikan INP sebagai ukuran yang jauh lebih komprehensif terkait responsivitas yang dirasakan pengguna daripada FID.

Mengembangkan INP

Mulai hari ini, INP tidak lagi bersifat eksperimental dan akan dianggap sebagai metrik Core Web Vitals yang tertunda. Ini adalah sebutan baru untuk menunjukkan bahwa INP telah membuktikan kesiapannya untuk menggantikan FID—tetapi kami belum melakukan perubahannya. Untuk memberi ekosistem waktu untuk melakukan penyesuaian, INP secara resmi akan menjadi metrik Core Web Vital yang stabil pada Maret 2024.

Grafik yang menunjukkan linimasa fase INP, mulai dari saat Chrome mengumumkan dukungan eksperimental untuk INP pada Mei 2022, hingga hari ini pada Mei 2023 saat Chrome mengumumkan bahwa INP kini merupakan metrik Core Web Vital non-eksperimental dan tertunda, serta terakhir hingga Maret 2024 saat INP menjadi metrik Core Web Vital yang stabil, menggantikan FID.
Grafik yang menunjukkan linimasa fase INP.

Di seluruh alat kami, Anda akan mulai melihat INP tanpa awalan atau ikon experimental. Jika menggunakan data INP secara terprogram dari API berikut, Anda harus memperbarui kode untuk beralih ke kolom INP non-eksperimental.

Alat Kolom yang tidak digunakan lagi Kolom baru
API CrUX experimental_interaction_to_next_paint interaction_to_next_paint
API Histori CrUX experimental_interaction_to_next_paint interaction_to_next_paint
BigQuery CrUX experimental.interaction_to_next_paint interaction_to_next_paint
PageSpeed Insights API experimental_interaction_to_next_paint interaction_to_next_paint
Laporan Lighthouse* experimental-interaction-to-next-paint interaction-to-next-paint
Peta API ke nama kolom INP lama dan barunya.
* Lighthouse akan berhenti menggunakan kolom INP eksperimental di versi 11.

Untuk memudahkan transisi dan menghindari kerusakan pada aplikasi downstream, API ini akan terus melayani kolom INP eksperimental selama 90 hari berikutnya. Dukungan API untuk kolom INP eksperimental akan berakhir pada 8 Agustus 2023.

Sementara itu, FID akan tetap menjadi Core Web Vital hingga Maret 2024. Pada saat itu, INP akan menggabungkan Largest Contentful Paint (LCP) dan Cumulative Layout Shift (CLS) sebagai tiga Core Web Vitals stabil. Dalam update mendatang, kami akan membagikan informasi selengkapnya tentang waktu persisnya perubahan dan rencana untuk FID setelah diganti sebagai Core Web Vital.

Mulai menggunakan INP

Nilai INP yang baik adalah 200 milidetik atau kurang, nilai yang buruk lebih besar dari 500 milidetik, dan apa pun di antaranya perlu ditingkatkan.

Jangan menunggu INP menjadi Core Web Vital pada tahun 2024 untuk mulai meningkatkannya. Situs Anda mungkin berada di 93% situs yang memiliki performa FID yang baik di perangkat seluler; Namun, Anda mungkin terkejut mendapati bahwa hanya 65% situs yang memiliki INP yang bagus di perangkat seluler. INP memberikan gambaran yang jauh lebih akurat tentang responsivitas, sehingga angka-angka ini membantu kami untuk melihat dengan lebih jelas peluang perbaikan di depan kami.

Untuk mengetahui apakah situs Anda memiliki masalah INP, cara mengatasinya, dan semua hal terkait INP, tempat terbaik untuk memulai adalah panduan pengoptimalan INP. Baik Anda sedang belajar tentang responsivitas untuk pertama kalinya atau jika Anda sudah menjadi pakar performa, kami telah menambahkan banyak panduan baru untuk mempermudah semua orang mempelajari cara mengukur dan mengoptimalkan INP.

INP mungkin perlu waktu untuk belajar, dan itu tidak masalah. Untuk membantu Anda fokus pada pengoptimalan dengan ROI terbesar, awal tahun ini kami memublikasikan postingan blog untuk menyaring panduan hingga mendapatkan rekomendasi yang paling efektif untuk meningkatkan Core Web Vitals. Secara khusus, kami menulis tentang tiga teknik yang harus diketahui yang berlaku sama untuk mengoptimalkan FID dan INP: menghindari atau menghentikan tugas yang berjalan lama, menghindari JavaScript yang tidak perlu, dan menghindari update rendering yang besar. Anda dapat mempelajari lebih lanjut hal ini dan berbagai teknik pengoptimalan INP lainnya di dokumentasi kami.

Jalan di depan

Standar baru dalam hal responsivitas telah ditetapkan, dan kami senang melihat komunitas ini bangkit dari tantangan demi pengalaman pengguna yang lebih baik. Masukan dan studi kasus awal telah menjanjikan, tetapi kami tahu bahwa bagi banyak orang, perjalanan ke depan mungkin jauh dan asing. Kami berusaha melakukan perjalanan tersebut semudah mungkin dengan diagnostik, alat, dan dokumentasi yang ditingkatkan untuk membantu developer di sepanjang prosesnya.

Nantikan info terbaru tentang tanggal kelulusan persisnya INP pada Maret 2024. Dan meskipun metrik ini tidak lagi bersifat eksperimental, kami selalu menerima masukan di web-vitals-feedback@googlegroups.com untuk membantu kami meningkatkan kualitas INP dan program Data Web secara keseluruhan.