Interaction to Next Paint (INP) adalah penundaan yang disebabkan oleh buffer input, sedangkan First Input Delay adalah penundaan yang disebabkan oleh tahap pertama pipeline. INP lebih dari sekadar tayangan pertama karena INP merepresentasikan jumlah waktu yang diperlukan untuk input untuk didaftarkan dan tersedia untuk tahap selanjutnya dari pipeline. Sedangkan First Input delay hanya mengukur penundaan input interaksi pertama, bukan waktu yang dibutuhkan untuk menjalankan event handler atau penundaan dalam menampilkan frame berikutnya.
Sekarang adalah saatnya untuk mulai memperhatikan metrik yaitu Interaction to Next Paint, atau INP yang mengukur daya tanggap website. Kamu harus memperhatikan metrik ini jika ingin meningkatkan kecepatan website dan meningkatkan elemen penting web untuk SEO. Waktu respons yang lebih cepat akan terasa cepat dan lancar, sementara waktu respons yang lebih lambat akan terasa lamban. Akibatnya, pengguna akan merasa frustasi dengan setiap tindakan yang dilakukan secara berurutan hingga akhirnya mereka meninggalkan websitemu.
Seperti halnya semua metrik kinerja web, tujuan utamanya bukanlah untuk mencapai angka terendah, sebaliknya, tujuannya adalah untuk memberikan pengalaman pengguna terbaik yang mungkin, sehingga pengguna akan tetap berada di website kamu lebih lama dan lebih cenderung untuk melakukan pembelian.
Google mengumumkan bahwa INP akan menggantikan FID (First Input Delay) di Core Web Vitals pada tanggal 10 Mei 2023. Baik INP dan FID memiliki kesamaan dalam hal mengukur daya tanggap halaman, tetapi FID memiliki beberapa kekurangan yang dapat diatasi oleh INP. Jika FID cukup mudah dikendalikan, INP akan lebih sulit untuk dioptimalkan karena metriknya lebih komprehensif.
Bagaimana INP ditentukan?
Karena tujuan INP adalah untuk mengetahui seberapa responsif sebuah halaman, INP melakukannya dengan melihat interaksi halaman dan mengetahui berapa lama waktu yang dibutuhkan untuk menyelesaikannya. Saat pelanggan klik sebuah link, menambahkan barang ke keranjang, atau membuka menu, semuanya dapat dianggap sebagai interaksi.
INP adalah berapa lama yang dibutuhkan untuk satu interaksi terlama, atau latensi interaksi, jika ada kurang dari lima puluh interaksi pada sebuah halaman. Jika ada lebih dari lima puluh interaksi, INP akan menjadi persentil ke-98 dari latensi interaksi.
Interaction latency menunjukkan berapa lama pengguna berinteraksi dengan sebuah halaman, misalnya dengan ketukan, klik, atau menekan tombol, hingga frame berikutnya ditampilkan. Ini menunjukkan bahwa ketika pengguna melihat perubahan di layar mereka, interaksi mereka telah menyebabkan perubahan tersebut. Waktu ini mencakup:
- Penundaan input adalah waktu yang dibutuhkan kode penangan peristiwa terkait untuk menjalankan penundaan presentasi
- Waktu pemrosesan adalah waktu yang dibutuhkan untuk menyelesaikan penundaan presentasi
- Waktu antara penyelesaian pemrosesan dan peramban mengirimkan frame berikutnya.
Sementara FID hanya mengukur interaksi pertama dan hanya penundaan input interaksi, INP mempertimbangkan semua interaksi halaman dan latensi interaksi secara penuh. Oleh karena itu, FID mengukur lebih cepat dan memiliki ambang batas yang lebih rendah. Namun, karena INP memberikan representasi yang jauh lebih akurat tentang daya tanggap halaman, tidak akan mengherankan jika INP segera menggantikan FID. Pada titik tertentu, INP akan menjadi metrik eksperimental.
BACA JUGA : Largest Contentful Paint: Cara tingkatkan skor
Berapa besar INP yang diperlukan untuk website saya?
Untuk INP, Google telah menetapkan ambang batas “Baik”, “Perlu Peningkatan”, dan “Buruk”:
- Baik adalah kurang dari 200 milidetik.
- Peningkatan antara 200 dan 500 milidetik diperlukan.
- Berdurasi lebih dari 500 milidetik
Jika website kamu berada dalam ambang batas Baik untuk semua Core Web Vitals (LCP, FID, dan CLS) sebelum rilis INP, ini tidak berarti bahwa websitemu berada dalam ambang batas Baik untuk INP. Gambar berikut menunjukkan bukti ini. Konverzi.com merekomendasikan penggunaan PageSpeed Insights untuk mengevaluasi posisi website kamu berdasarkan metrik.
Bagaimana Cara Meningkatkan INP?
Untuk meningkatkan INP, kami menyarankan untuk melihat metode umum untuk mengoptimalkan penundaan interaksi, seperti mengurangi jumlah pihak ketiga yang diperlukan, menunda kode yang tidak perlu dimuat lebih awal, memberikan prioritas pada elemen dan fitur yang kemungkinan besar akan berinteraksi dengan pengguna segera, dan sebagainya.
BACA JUGA : Jasa SEO Bali Profesional Terpercaya Tingkatkan Traffic Organic
Selain itu, Google menunjukkan perbedaan antara responsivitas yang buruk dan responsivitas yang baik. Oleh karena itu, mungkin bermanfaat untuk mencatat interaksi di seluruh situs Anda dan menentukan lokasi di mana kamu bisa menambahkan elemen untuk memberikan umpan balik yang lebih baik kepada pengunjung website kamu bahwa respons mereka sedang diproses.
Pengalaman yang lebih baik di versi yang tepat karena indikator pemuatan muncul segera setelah interaksi, sementara gambar yang diinginkan diunduh. Ini berbeda dengan menunggu tanpa umpan balik sampai gambar diunduh.
