
Selama beberapa tahun, INP adalah eksperimental dan kemudian metrik yang tertunda.
Beberapa merasa akrab, yang lain mengabaikannya, dan beberapa secara aktif mengatasinya untuk mengantisipasi perubahan dalam metrik inti web vitals.
Sejak 12 Maret, INP telah menjadi inti vital inti yang stabil, yang sekarang menjadi salah satu faktor peringkat.
Jika Anda membaca artikel ini, Anda mungkin termasuk salah satu dari dua kelompok pertama yang saya sebutkan sebelumnya.
Masih tidak yakin bagaimana mengukur INP?
Jangan khawatir – aku sudah bisa menutupimu!
Ngomong -ngomong, jika Anda masih tidak yakin tentang apa INP itu dan bagaimana hal itu dihitung, saya sarankan mengunjungi posting kami yang menjelaskan Tentang apa interaksi untuk cat berikutnya.
Bagaimana mengukur metrik INP
Ada dua metode utama untuk mengumpulkan informasi tentang INP:
- Data lab: Data yang dikumpulkan di lingkungan yang telah ditetapkan menggunakan perangkat tertentu dan kecepatan internet (pemantauan sintetis). Ini memberikan tebakan yang baik tentang bagaimana kinerja situs web tetapi tidak sepenuhnya menangkap apa yang dialami pengguna nyata. Ini berguna untuk menemukan masalah potensial ketika Anda tidak memiliki data dari pengguna nyata.
- Data Lapangan (atau pemantauan pengguna nyata – rum): Metode ini mengumpulkan pengalaman penelusuran nyata dari pengguna, menunjukkan masalah yang mungkin tidak ditangkap oleh tes laboratorium. Karena itu tergantung pada perangkat dan kecepatan internet pengguna, ia menawarkan mengintip bagaimana kinerja situs web di dunia nyata.
Anda dapat membaca lebih lanjut tentang data lab dan lapangan di sini.
Perlu diperhatikan: Data dari lab dan bidang dapat dibedakan. Itu karena pengunjung situs web mungkin menggunakan koneksi atau perangkat internet yang sama sekali berbeda dari Anda atau tim dev Anda.
Bagi mereka yang mengukur data laboratorium, saya merekomendasikan yang berikut:
- Alat Dev Chrome – Alat -alat ini dibangun ke dalam browser Chrome secara default. Anda dapat mengaksesnya dengan menekan “CMD+Shift Kiri+I” pada keyboard (Mac), “Ctrl+Shift Kiri+I” (Windows)atau dengan mengklik kanan pada halaman dan kemudian mengklik “Periksa.”
- “Vital Web” Chrome Extension – Tersedia di Chrome Web Store.
Untuk mengukur di lapangan, Anda dapat mempertimbangkan untuk menggunakan:
- Konsol pencarian Google atau Dasbor Crux – Berguna untuk mengaudit situs web Anda. Mereka memberikan gambaran yang lebih luas tentang apakah situs web Anda membutuhkan perbaikan.
- Perpustakaan Web-Vitals JavaScript atau Template Inti Web Vitals – Metode gratis untuk mengukur pengalaman pengguna. Ini memberi Anda wawasan tentang halaman dan elemen mana yang menderita interaksi yang buruk (perhatikan bahwa ini memerlukan beberapa pengetahuan teknis untuk diterapkan).
- Rumvision, Debugbearatau Coralogix – Beberapa dari banyak yang tersedia dibayar Penyedia rum (pemantauan pengguna nyata) di pasaran yang membuat pengukuran INP dan metrik kinerja lainnya lebih mudah.
Sekarang, mari kita pindah ke inti artikel, dan biarkan saya memandu Anda melalui alat dan membantu Anda memilih yang terbaik untuk Anda!
Alat yang dapat mengukur/mengaudit INP
Mengukur kecepatan interaksi, baik di lab atau lapangan, dapat dicapai melalui berbagai metode. Beberapa mudah digunakan dan memberikan gambaran umum, sementara yang lain menuntut pengetahuan teknis yang membantu mengidentifikasi interaksi yang buruk.
Selain itu, ada solusi berbayar yang mudah dipasang dan intuitif untuk digunakan.
Di bawah ini adalah alat untuk mengukur INP di lab dan di lapangan. Harap dicatat bahwa ini bukan daftar lengkap.
Pengukuran lab
[Tool 1] Alat Dev Chrome
Pengguna browser Chrome dapat menguji atau mengevaluasi interaksi ke cat berikutnya di lingkungan yang terkontrol menggunakan alat pengembang. Dengan memilih 'TimeSpan' dan 'Performance' di tab Lighthouse, pengguna dapat membuat laporan yang merinci metrik INP.
Cukup rekam interaksi Anda, dan voila!

[Tool 2] Ekstensi Vital Web
Itu Web Vitals Ekstensi Chrome Menampilkan, antara lain, skor INP setelah berinteraksi dengan halaman.

Penting untuk dicatat bahwa alat ini hanya mencatat interaksi sekali. Jika Anda ingin mengukur yang berbeda, Anda harus memuat ulang halaman, karena saya belum menemukan solusi yang lebih baik untuk ini.
Pengukuran lapangan
[Tool 1] – Google Search Console (audit)
Google Search Console (GSC) yang banyak digunakan, dapat diakses oleh setiap pemilik situs web, dapat membantu mengidentifikasi apakah situs web Anda memiliki masalah interaksi yang lambat.
Cukup pergi ke Dashboard GSCklik pada Tab Inti Web Vitals, dan pilih panel seluler atau desktop, tergantung pada apa yang ingin Anda periksa.
Catatan: Metrik vital web inti dihitung secara terpisah untuk perangkat yang berbeda.

Saat Anda di sana, temukan dan klik pada baris di tabel di mana skor INP diberi label sebagai 'membutuhkan perbaikan' atau 'miskin'. Ini akan menunjukkan kepada Anda URL mana yang mengalami masalah dengan INP yang lambat.

Namun, perlu diingat GSC memiliki keterbatasan. Itu tidak melaporkan semua waktu INP untuk setiap URL dalam suatu kelompok, juga tidak menentukan elemen mana yang menyebabkan skor yang buruk. Meskipun demikian, ini adalah titik awal yang berguna untuk mengidentifikasi masalah INP potensial di situs Anda.
[Tool 2] – Laporan Template Crux (audit)
Rick Viscomi merilis Crux Dashboard Launcher beberapa waktu yang lalu. Alat ini sangat menyederhanakan proses memverifikasi crux.
Anda dapat membuat dasbor hanya dalam satu langkah, yang mencakup vital web inti dan metrik lainnya untuk domain tertentu. Di antara metrik ini, laporan ini memberikan wawasan tentang skor INP domain untuk perangkat yang berbeda selama periode 10 bulan sebelumnya.
Hanya Gunakan tautan dari paragraf pertamaTempel domain ke dalam kotak, dan dorong enter.

Perlu diingat bahwa tidak semua domain muncul dalam dataset.
Ini mungkin karena domain tidak dapat ditemukan di depan umum, atau tidak menarik cukup pengunjung.
Jika situs web Anda termasuk dalam dataset, Anda akan melihat dasbor yang mirip dengan yang dijelaskan di bawah ini.

Dasbor Crux adalah alat yang sangat baik untuk berbagi skor kinerja situs web dengan kolega atau klien dan untuk membandingkan domain Anda dengan pesaing. Sama seperti GSC, ia menawarkan fondasi yang kuat untuk menilai apakah suatu situs web memerlukan perbaikan.
[Tool 3] -Perpustakaan JavaScript Web-Vitals
Googlers telah merilis perpustakaan JS yang dirancang untuk mengumpulkan data tentang INP dan mengirimkannya ke penyedia pemantauan pengguna nyata (RUM). Saya sangat menyarankan menjelajahinya – Anda bisa melakukannya di sini.
Namun, solusi ini memiliki tangkapan:
Anda perlu memiliki keterampilan pengkodean atau akses ke pengembang yang dapat membantu dalam implementasinya.
Jika Anda ingin menggunakan GA4 untuk itu, terapkan kode di bawah ini di situs web Anda (sumber: web.dev) dan Temukan interaksi yang lambat di lapangan.
// Be sure to import from the attribution build: import {onINP} from 'web-vitals/attribution'; function sendToGoogleAnalytics ({name, value, id, attribution}) { // Destructure the attribution object: const {eventEntry, eventTarget, eventType, loadState} = attribution; // Get timings from the event timing entry: const {startTime, processingStart, processingEnd, duration, interactionId} = eventEntry; const eventParams = { // The page's INP value: metric_inp_value: value, // A unique ID for the page session, which is useful // for computing totals when you group by the ID. metric_id: id, // The event target (a CSS selector string pointing // to the element responsible for the interaction): metric_inp_event_target: eventTarget, // The type of event that triggered the interaction: metric_inp_event_type: eventType, // Whether the page was loaded when the interaction // took place. Useful for identifying startup versus // post-load interactions: metric_inp_load_state: loadState, // The time (in milliseconds) after page load when // the interaction took place: metric_inp_start_time: startTime, // When processing of the event callbacks in the // interaction started to run: metric_inp_processing_start: processingStart, // When processing of the event callbacks in the // interaction finished: metric_inp_processing_end: processingEnd, // The total duration of the interaction. Note: this // value is rounded to 8 milliseconds of granularity: metric_inp_duration: duration, // The interaction ID assigned to the interaction by // the Event Timing API. This could be useful in cases // where you might want to aggregate related events: metric_inp_interaction_id: interactionId }; // Send to Google Analytics gtag('event', name, eventParams); } // Pass the reporting function to the web-vitals INP reporter: onINP(sendToGoogleAnalytics);
Menerapkan kode ini di situs web juga akan memerlukan pembuatan metrik khusus di GA4 setelah parameter dikirim ke properti.
[Tool 4] – Templat inti vitals web untuk GTM
Beberapa tahun yang lalu, Simo Ahava membuat panduan dan templat untuk GTM yang mengumpulkan metrik CWV dari pengalaman pengunjung dan mengirimkannya ke Google Analytics. Ini adalah cara yang bagus untuk mengimplementasikan pengukuran CWV di halaman Anda tanpa memiliki pengetahuan pengembang.

[Tool 5] – Alat berbayar – penyedia rum
Ada banyak alat berbayar yang dapat mengukur metrik INP berdasarkan pengalaman pengguna nyata.
Daftar lengkap penyedia rum akan panjang, jadi hanya untuk memberi Anda ide, berikut adalah beberapa contoh penyedia rum yang dapat mengukur INP:
Keuntungan menggunakan alat berbayar, antara lain:
- kemudahan pemasangan,
- presentasi data,
- Dukungan dari penyedia rum.
Namun, ada satu kerugian besar bagi sebagian dari Anda – alat ini tidak gratis. Namun, beberapa alat memungkinkan Anda mengujinya secara gratis. Misalnya, Debugbear tidak akan meminta detail kartu kredit Anda hanya untuk mencobanya.
Penasaran dengan apa yang Anda dapatkan dengan layanan berbayar ini, saya memberi debugbear memutar situs saya untuk melihat seperti apa pengaturannya dan menavigasi antarmuka itu.
Setelah memulai proyek baru, saya harus menambahkan Sedikit kode kecil ke situs web.

Setelah saya mendapatkan sedikit kode di tempat, saya bisa memeriksa skor INP langsung dari tab INP dengan semua detail yang diperlukan untuk mengetahui interaksi mana yang lambat.

Dari sudut pandang saya, sementara memiliki alat berbayar untuk pengukuran bisa menjadi bonus yang bagus, itu jelas tidak penting. Menempel dengan opsi gratis juga berfungsi dengan baik, karena Anda pada dasarnya mendapatkan jenis data yang sama.
Mana yang harus dipilih? Pro dan kontra
Anda mungkin bertanya -tanya, “Metode mana yang harus saya gunakan untuk mengukur INP?”
Idealnya, kedua metode harus digunakan, tetapi ini mungkin tidak selalu mungkin. Namun, jika Anda dapat mengukur INP Menggunakan Field dan Lab Metode, itu akan ideal!
Mengapa menggunakan kedua metode itu bermanfaat?
Pertama, data lapangan memungkinkan Anda mengidentifikasi apakah dan di mana pengunjung Anda mengalami interaksi yang lambat. Kedua, data lab membantu Anda mengukur apakah upaya Anda untuk meningkatkan interaksi efektif.
Di bawah ini adalah tabel yang menguraikan pro dan kontra kunci dari setiap metode untuk mengumpulkan data INP.
Data Lapangan | Data lab | |
Pro |
|
|
Kontra |
|
|
Pikiran terakhir
Pengukuran metrik INP bukan yang termudah. Sebagai FID sebelum dan sekarang INP, interaksi diperlukan untuk menangkap nilainya. Namun, mengidentifikasi interaksi yang lambat menjadi jauh lebih mudah setelah Anda mengatur pengukuran dengan benar.
Saran saya adalah mengimplementasikan salah satu solusi yang saya jelaskan di atas segera. Ini dapat berubah bahkan jika situs web Anda saat ini tidak menghadapi masalah dengan interaksi yang buruk. Skenario terburuk akan mengalami masalah ini dan dibiarkan tanpa data, membuat Anda menebak interaksi mana yang menurunkan peringkat situs web Anda.
Semakin cepat Anda mulai berkumpul Data dari pengunjung, Semakin cepat Anda bisa mengatasi dan meningkatkan interaksi yang buruk.
Satu nasihat terakhir:
Jangan biarkan rintangan INP menahan kesuksesan situs web Anda. Jika Anda membutuhkan bantuan, bermitra dengan kami untuk papan atas Layanan SEO Teknismengatasi tantangan INP dan mendorong situs Anda ke ketinggian kinerja yang baru.
Aku masuk! Mari kita bekerja sama
Baca artikel kami yang lain tentang INP: