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 Data Web adalah membantu developer berfokus pada metrik yang penting untuk pengalaman pengguna yang luar biasa—Data Web Inti. 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 responsivitas, tetapi seperti yang telah kami tulis di masa lalu, ada batasan umum FID. Hal ini mengarahkan kami untuk mempelajari dan mencari masukan tentang metrik eksperimental (yang kemudian) yang menangani batasan ini dengan lebih efektif. Pada tahun 2022, kami mengumumkan Interaction to Next Paint (INP) sebagai metrik baru tersebut, menyediakannya secara luas di alat kami, dan mulai bekerja sama dengan komunitas untuk menguji keefektifannya.

Setelah satu tahun melakukan pengujian dan mengumpulkan masukan dari komunitas, kami siap untuk meninggalkan 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 daya respons, yang menggantikan FID.

Dalam posting ini, kita akan membahas lebih banyak tentang motivasi di balik keputusan tersebut, apa yang berubah, dan bagaimana 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 besar saat kami memperkenalkannya sebagai Core Web Vitals pada tahun 2020. Fitur ini menawarkan cara baru kepada developer untuk mengukur daya respons selagi pengguna sungguhan mencobanya, yang selalu menjadi bagian penting dari program Data Web. Tidak seperti metrik serupa yang hanya memperkirakan interaktivitas halaman, seperti Total Blocking Time (TBT) dan Time To Interactive (TTI), FID mengukur pengalaman pengguna secara langsung. Yang terpenting, halaman dapat memiliki TBT atau TTI yang lambat dan masih dianggap responsif, karena cara pengguna berinteraksi dengan halaman yang sebenarnya.

Meskipun FID meningkatkan cara kita mengukur responsivitas, FID tetap memiliki batasan. Nama itu sendiri sebenarnya memberikan dua batasan seperti itu: "input pertama" dan "keterlambatan". FID hanya melaporkan responsivitas saat pertama kali pengguna berinteraksi dengan halaman. Meskipun tayangan pertama 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. Bukan hanya mengukur interaksi pertama, INP juga mempertimbangkan semua interaksi sehingga melaporkan salah satu interaksi paling lambat sepanjang masa aktif halaman. INP tidak hanya mengukur bagian penundaan, tetapi juga mengukur durasi penuh dari awal interaksi, hingga pengendali peristiwa, dan hingga browser dapat menggambar frame berikutnya. Oleh karena itu, Interaksi ke Next Paint. Detail implementasi ini menjadikan INP sebagai ukuran responsivitas persepsi pengguna yang jauh lebih komprehensif daripada FID.

INP yang berkembang

Mulai hari ini, INP tidak lagi bersifat eksperimental dan akan dianggap sebagai metrik Core Web Vitals tertunda. Ini adalah sebutan baru untuk menunjukkan bahwa INP telah membuktikan kesiapannya untuk menggantikan FID—tetapi kami belum melakukan perubahannya. Guna memberi waktu bagi ekosistem untuk melakukan penyesuaian, INP akan resmi menjadi metrik Core Web Vital 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 ketika Chrome mengumumkan bahwa INP kini merupakan metrik Core Web Vital yang tertunda, dan 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 Anda menggunakan data INP secara terprogram dari salah satu API berikut, Anda harus mengupdate 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 baru.
* Lighthouse akan berhenti menggunakan kolom INP eksperimental di versi 11.

Untuk memudahkan transisi dan menghindari gangguan pada aplikasi downstream, API ini akan terus menyalurkan 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 yang stabil. Dalam update mendatang, kami akan membagikan informasi selengkapnya tentang waktu persis perubahan dan rencana FID setelah diganti sebagai Core Web Vitals.

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 baik di perangkat seluler. Namun, Anda mungkin terkejut mengetahui bahwa hanya 65% situs yang memiliki INP yang baik di perangkat seluler. INP memberikan gambaran yang jauh lebih akurat tentang responsivitas, sehingga angka-angka ini membantu kami melihat dengan lebih jelas ruang untuk perbaikan di depan kita.

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 baru pertama kali mempelajari responsivitas atau seorang pakar performa, kami telah menambahkan banyak panduan baru agar semua orang dapat mempelajari cara mengukur dan mengoptimalkan INP dengan mudah.

INP mungkin membutuhkan waktu untuk belajar, dan itu tidak apa-apa. Untuk membantu Anda berfokus pada pengoptimalan dengan ROI terbesar, awal tahun ini kami memublikasikan postingan blog untuk menyaring panduan kami ke rekomendasi paling efektif dalam meningkatkan Data Web Inti. Secara khusus, kami menulis tentang tiga teknik yang harus diketahui yang berlaku sama untuk pengoptimalan FID dan INP: menghindari atau memecah tugas yang panjang, menghindari JavaScript yang tidak perlu, dan menghindari update rendering yang besar. Anda dapat mempelajari hal ini dan banyak teknik pengoptimalan INP lainnya lebih lanjut dalam dokumentasi kami.

Jalan di depan

Standar baru untuk responsivitas telah ditetapkan, dan kami tidak sabar untuk melihat komunitas menghadapi tantangan untuk pengalaman pengguna yang lebih baik. Masukan dan studi kasus awal yang menjanjikan, tetapi kami tahu bahwa bagi banyak orang, jalan ini mungkin masih panjang dan asing ke depannya. Kami berupaya untuk membuat proses tersebut semudah mungkin dengan diagnostik, tools, dan dokumentasi yang ditingkatkan untuk membantu developer di sepanjang prosesnya.

Nantikan informasi terbaru tentang tanggal pasti kelulusan INP pada Maret 2024. Meskipun metrik ini sudah tidak bersifat eksperimental, kami selalu siap untuk menerima masukan di web-vitals-feedback@googlegroups.com untuk membantu kami meningkatkan INP dan program Data Web secara keseluruhan.