← Back to Blog

Havedev

Homepage Terasa Cepat, Tapi Tombol Kirim Masih Berat di HP: Cara Audit INP di Jalur Lead

Pemilik bisnis mengecek alur lead mobile lewat smartphone di samping laptop dalam suasana kerja kantor

Banyak website bisnis sudah cukup cepat saat pertama dibuka. Hero muncul, menu bisa dilihat, dan halaman tidak terasa kosong. Tapi masalah sering baru kelihatan setelah calon pelanggan mulai bergerak: mengetuk tombol chat, membuka form, memilih layanan, mengetik nomor WhatsApp, lalu menekan tombol kirim.

Di titik itu, website yang terlihat cepat bisa terasa berat. Tombol seperti tidak merespons. Form telat memberi feedback. Validasi muncul terlambat. Di HP kelas menengah, jeda kecil ini cukup untuk membuat orang ragu apakah website benar-benar menerima aksi mereka.

Itulah kenapa audit performa tidak cukup berhenti di waktu load awal. Untuk jalur lead, pertanyaan yang lebih penting adalah: setelah halaman tampil, seberapa cepat website merespons tindakan calon pelanggan?

Google dan web.dev memakai Interaction to Next Paint, atau INP, untuk melihat responsivitas halaman terhadap interaksi seperti click, tap, dan input keyboard. INP bukan sekadar angka teknis untuk developer. Untuk bisnis, INP membantu membaca momen ketika calon pelanggan sudah berniat, tapi pengalaman website membuat mereka menunggu.

Bayangkan skenario sederhana dari iklan menuju landing page. Pengunjung membuka halaman lewat HP, membaca penawaran, lalu mengetuk CTA. Kalau main thread sedang sibuk karena script tracking, widget chat, carousel, atau validasi form yang berat, respons visual bisa terlambat. Pengunjung mungkin mengetuk ulang, berpikir tombol rusak, atau menutup halaman sebelum pesan terkirim.

Masalahnya, rasa “berat” seperti ini jarang terlihat kalau audit hanya membuka homepage di laptop kantor. Jalur lead mobile perlu diuji seperti pengguna sungguhan: dari CTA pertama sampai konfirmasi setelah submit.

Mulai dari CTA utama di layar HP

Titik pertama yang perlu diuji adalah CTA utama. Apakah tombol langsung memberi feedback setelah diketuk? Kalau tombol membuka modal, chat, atau form bertahap, pastikan perubahan visualnya terasa langsung.

Calon pelanggan tidak perlu tahu proses teknis di belakangnya. Mereka hanya perlu yakin aksinya diterima. Jika tombol tidak berubah, tidak ada loading state, atau modal baru muncul setelah jeda panjang, pengguna bisa menekan ulang atau kehilangan kepercayaan.

Masalah di sini sering muncul karena pekerjaan JavaScript terlalu banyak terjadi pada momen yang sama. Misalnya tracking event, animasi, validasi, chat widget, dan perubahan tampilan berjalan bersamaan. web.dev menjelaskan bahwa optimasi INP perlu melihat pekerjaan panjang di main thread, rendering, dan cara halaman merespons input pengguna.

Uji field form yang paling sering dipakai

Setelah CTA, masuk ke field form. Nama, nomor telepon, pilihan layanan, dan pesan pendek harus tetap nyaman diketik. Jika setiap input terasa tersendat, masalahnya bisa datang dari validasi yang terlalu agresif, script yang berebut main thread, atau komponen form yang terlalu berat.

Untuk website yang hidup dari lead, field form bukan detail kecil. Ini adalah titik ketika pengguna sudah memberikan usaha. Kalau mengetik nomor WhatsApp saja terasa lambat, pengguna bisa menganggap proses setelah submit akan lebih bermasalah.

Audit yang sehat tidak hanya bertanya “form bisa terkirim atau tidak?” Pertanyaannya perlu lebih tajam: apakah form tetap terasa ringan saat digunakan di HP yang realistis, jaringan yang wajar, dan browser yang umum dipakai calon pelanggan?

Periksa tombol kirim dan state setelah submit

Tombol kirim adalah titik paling sensitif karena niat beli sudah tinggi. Tombol perlu punya state yang jelas: loading, berhasil, gagal, atau instruksi perbaikan. Tanpa feedback, pengguna akan menebak-nebak apakah lead mereka sudah masuk.

Jangan hanya menguji submit sekali di desktop. Coba ulangi di HP, dengan field kosong, field salah, field valid, dan koneksi yang tidak terlalu ideal. Lihat apakah pesan error muncul dekat field yang relevan. Lihat juga apakah tombol tercegah dari submit ganda saat proses sedang berjalan.

Di banyak website, masalah bukan hanya lambat secara teknis. Masalahnya adalah lambat tanpa sinyal. Pengguna tidak melihat perubahan, sehingga jeda pendek terasa lebih panjang daripada sebenarnya.

Bedakan data lab dan data lapangan

PageSpeed Insights, CrUX, dan data RUM bisa memberi sinyal dari pengalaman pengguna nyata jika datanya tersedia. Chrome UX Report berguna karena berbasis pengalaman pengguna Chrome di lapangan, sementara lab test membantu reproduksi masalah dalam kondisi yang lebih terkontrol.

Keduanya tidak perlu dipertentangkan. Data lapangan membantu menunjukkan apakah pengguna nyata mengalami respons lambat. Lab test membantu tim teknis mencari penyebab yang bisa diperbaiki. Untuk jalur lead, gabungan keduanya lebih berguna daripada hanya mengejar satu skor.

Google Search Central juga menjelaskan bahwa Core Web Vitals adalah bagian dari sinyal page experience, tetapi bukan jaminan ranking atau konversi. Jadi cara membacanya harus proporsional: INP adalah sinyal friksi pengalaman, bukan tombol ajaib untuk menaikkan hasil bisnis.

Audit script pihak ketiga di jalur lead

Analytics, pixel iklan, chat widget, embed video, heatmap, dan A/B testing bisa berguna, tetapi tetap harus diperlakukan sebagai bagian dari beban interaksi. Jika semuanya aktif di halaman yang sama, tombol yang penting untuk lead bisa ikut menunggu.

Pertanyaan praktisnya sederhana: script mana yang benar-benar perlu aktif sebelum pengguna mengirim lead? Script mana yang bisa ditunda? Script mana yang hanya dipakai tim internal tetapi ikut membebani momen pengguna mengambil keputusan?

Artikel tentang INP sering dibaca sebagai urusan developer. Padahal keputusan bisnis juga ikut menentukan hasilnya. Kalau campaign makin besar tetapi form makin berat, masalahnya bukan hanya performa. Itu masalah biaya akuisisi yang bocor di titik paling dekat dengan konversi.

Audit kecil yang bisa langsung dimulai

Tim bisnis tidak harus langsung meminta redesign besar. Mulai dari audit kecil yang jelas:

  • pilih satu halaman lead paling penting
  • jalankan alur di HP, bukan hanya desktop
  • catat interaksi yang terasa lambat: CTA, form, dropdown, tombol kirim, konfirmasi
  • cek field data bila tersedia
  • minta tim teknis menelusuri JavaScript, rendering, dan script pihak ketiga di momen interaksi tersebut
  • rapikan feedback UI agar pengguna tahu aksinya sedang diproses

Targetnya bukan membuat website terlihat cepat di laporan saja. Targetnya membuat calon pelanggan tidak kehilangan kepercayaan saat mereka sudah siap menghubungi bisnis Anda.

Jika homepage sudah cepat tetapi tombol kirim masih terasa berat di HP, jangan tunggu campaign berikutnya untuk menemukan masalah itu. Audit jalur lead lebih dulu: dari tap pertama sampai pesan benar-benar terkirim.

Minta Audit Jalur Lead Website agar form, CTA, dan tombol kirim dicek sebelum traffic campaign berikutnya naik.

Continue Reading