Cara Optimasi INP WordPress untuk SEO

Optimasi INP WordPress penting ketika website terasa lambat merespons setelah pengunjung melakukan sesuatu, seperti menekan tombol, membuka menu, mengetik pada kolom pencarian, atau berinteraksi dengan elemen halaman lainnya.

Masalah ini berbeda dari website yang lambat ketika pertama kali dibuka. Sebuah halaman bisa saja tampil dengan cepat, tetapi tetap terasa tidak responsif ketika pengguna mulai berinteraksi. Di sinilah Interaction to Next Paint (INP) berperan.

INP merupakan salah satu Core Web Vitals yang digunakan untuk mengevaluasi responsivitas halaman. Metrik ini menggantikan First Input Delay (FID) sebagai Core Web Vital pada Maret 2024 dan dirancang untuk memberikan gambaran yang lebih menyeluruh tentang respons halaman terhadap interaksi pengguna.

Bagi pengguna WordPress, masalah INP sering berkaitan dengan JavaScript yang terlalu banyak, plugin yang memuat script di halaman, elemen halaman yang terlalu kompleks, atau pekerjaan berat yang membuat main thread browser sibuk.

Karena itu, memperbaiki INP bukan sekadar memasang plugin optimasi lalu berharap skor menjadi hijau. Kita perlu mengetahui terlebih dahulu apa yang membuat browser terlambat merespons, kemudian memilih solusi yang sesuai.

Hal ini juga berbeda dari diagnosis TTFB WordPress. TTFB lebih berkaitan dengan waktu yang dibutuhkan server untuk mulai memberikan respons, sedangkan INP berfokus pada apa yang terjadi ketika pengguna berinteraksi dengan halaman.

Apa Itu Optimasi INP WordPress dan Kenapa Penting?

Optimasi INP WordPress adalah serangkaian upaya untuk membuat halaman WordPress lebih cepat merespons interaksi pengguna. Tujuannya bukan sekadar mendapatkan angka yang bagus pada alat pengujian, tetapi menciptakan pengalaman yang terasa responsif ketika website benar-benar digunakan.

Misalnya, pengunjung menekan tombol menu pada smartphone. Jika tombol tersebut baru memberikan respons setelah beberapa saat karena browser sedang sibuk menjalankan JavaScript, pengguna akan merasakan website seperti mengalami lag.

Hal serupa dapat terjadi ketika pengguna membuka dropdown, mengirim formulir, menggunakan fitur pencarian, mengganti filter, atau berinteraksi dengan komponen lain yang membutuhkan pemrosesan JavaScript.

INP Mengukur Respons terhadap Interaksi

INP mengukur waktu dari ketika pengguna melakukan sebuah interaksi hingga browser menghasilkan tampilan berikutnya sebagai respons terhadap interaksi tersebut.

Dengan kata lain, yang diperhatikan bukan hanya apakah halaman berhasil dimuat, tetapi seberapa cepat halaman bereaksi setelah pengguna melakukan sesuatu.

Inilah perbedaan penting antara kecepatan loading dan responsivitas. Website bisa terlihat sudah selesai dimuat, tetapi jika JavaScript masih membuat browser sibuk ketika pengguna menekan tombol, pengalaman pengguna tetap dapat terasa lambat.

INP Menggantikan FID

Sebelum INP digunakan sebagai Core Web Vital, Google menggunakan First Input Delay (FID) untuk mengukur respons interaksi pertama pengguna.

FID memiliki keterbatasan karena hanya melihat interaksi pertama. Sementara itu, pengguna dapat melakukan banyak interaksi selama berada di sebuah halaman.

INP memperluas pengukuran tersebut dengan mempertimbangkan interaksi pengguna sepanjang kunjungan pada halaman. Karena itu, INP memberikan gambaran yang lebih luas mengenai bagaimana sebuah halaman merespons tindakan pengguna.

Hubungannya dengan SEO

INP merupakan bagian dari Core Web Vitals, sehingga memahami dan memperbaikinya merupakan bagian dari upaya menjaga kualitas pengalaman halaman.

Namun, jangan memahami SEO secara sederhana sebagai “INP turun, ranking pasti naik”. Tidak ada satu metrik yang sendirian menjamin posisi tertentu di hasil pencarian.

Yang lebih tepat adalah memastikan website memberikan pengalaman yang baik kepada pengguna sekaligus memenuhi berbagai aspek teknis dan kualitas yang relevan dengan pencarian.

Untuk WordPress, optimasi INP menjadi semakin penting ketika halaman memiliki banyak script, plugin, widget interaktif, atau layanan pihak ketiga. Semakin banyak pekerjaan yang harus dilakukan browser, semakin besar kemungkinan interaksi tertentu mengalami keterlambatan.

Berapa Nilai INP yang Dianggap Baik?

Sebelum melakukan optimasi INP WordPress, kamu perlu mengetahui terlebih dahulu angka yang sedang dikejar. INP menggunakan satuan milidetik (ms), dan semakin kecil nilainya berarti halaman semakin cepat merespons interaksi pengguna.

Kategori	Nilai INP	Artinya
Baik	≤ 200 ms	Halaman memiliki responsivitas yang baik
Perlu perbaikan	> 200–500 ms	Respons mulai terasa kurang cepat
Buruk	> 500 ms	Interaksi dapat terasa lambat bagi pengguna

Semakin Kecil Nilainya, Semakin Responsif

Misalnya sebuah tombol memiliki INP 120 ms. Pengguna kemungkinan akan merasakan respons yang cepat. Jika nilainya mencapai 350 ms, keterlambatan mulai lebih mudah dirasakan. Ketika nilainya melewati 500 ms, interaksi dapat terasa jelas lambat.

Namun, jangan hanya melihat satu interaksi pada satu perangkat. Data Core Web Vitals dirancang untuk menggambarkan pengalaman pengguna dalam kondisi nyata, sehingga pengukuran juga mempertimbangkan distribusi pengalaman dari banyak kunjungan.

INP Menggunakan Persentil ke-75

Untuk menentukan apakah sebuah halaman memenuhi ambang Core Web Vitals, Google menggunakan persentil ke-75 (p75) dari pengalaman pengguna. Artinya, penilaian tidak didasarkan pada pengguna yang paling cepat maupun satu interaksi ekstrem yang kebetulan sangat lambat.

Pendekatan ini memberikan gambaran yang lebih representatif mengenai pengalaman mayoritas pengguna. Karena itu, sebuah website dapat memiliki hasil yang berbeda antara data pengguna nyata dan pengujian yang dilakukan secara manual pada satu perangkat.

Mobile dan Desktop Perlu Diperhatikan

Pengalaman pengguna mobile dan desktop dapat berbeda. Perangkat mobile umumnya memiliki keterbatasan sumber daya yang lebih besar dibandingkan komputer desktop, sehingga JavaScript yang berat dapat lebih mudah menimbulkan masalah responsivitas.

Karena itu, jangan hanya memastikan INP terlihat bagus pada komputer yang digunakan untuk mengelola website. Periksa juga data dan performa halaman pada perangkat mobile.

Target yang Perlu Dikejar Bukan Sekadar Angka Hijau

Nilai ≤ 200 ms merupakan target yang baik, tetapi angka tersebut sebaiknya dipahami sebagai indikator, bukan tujuan akhir.

Jika sebuah website memiliki INP 190 ms, misalnya, jangan langsung berhenti melakukan optimasi jika pengguna masih merasakan interaksi yang lambat pada fitur tertentu. Sebaliknya, jika nilai INP sudah baik, tidak perlu melakukan perubahan besar yang berisiko merusak fungsi website hanya demi mengejar angka yang jauh lebih kecil.

Dalam optimasi INP WordPress, yang paling penting adalah menemukan interaksi yang bermasalah dan memahami penyebabnya. Setelah itu, barulah kita menentukan apakah JavaScript, plugin, DOM, event handler, atau proses rendering yang perlu diperbaiki.

Memahami Tiga Fase yang Membentuk INP

Mengetahui bahwa nilai INP terlalu tinggi belum cukup untuk menentukan solusinya. Dalam optimasi INP WordPress, langkah berikutnya adalah mencari tahu di bagian mana keterlambatan terjadi.

Secara sederhana, sebuah interaksi pengguna dapat mengalami keterlambatan dalam tiga fase: input delay, processing time, dan presentation delay.

1. Input Delay: Browser Belum Bisa Memproses Interaksi

Input delay adalah waktu antara ketika pengguna melakukan interaksi dan ketika browser mulai menjalankan pekerjaan yang berkaitan dengan interaksi tersebut.

Contohnya, pengguna menekan tombol menu, tetapi browser sedang sibuk menjalankan JavaScript lain. Akibatnya, event dari tombol tersebut harus menunggu sampai pekerjaan sebelumnya selesai.

Masalah seperti ini sering berkaitan dengan main thread yang terlalu sibuk. JavaScript yang berat, script pihak ketiga, atau pekerjaan lain yang berjalan bersamaan dapat membuat browser terlambat menangani input pengguna.

2. Processing Time: Interaksi Membutuhkan Pekerjaan Terlalu Berat

Setelah browser mulai menangani interaksi, kode yang terkait dengan interaksi tersebut harus dijalankan. Waktu yang dibutuhkan untuk proses ini disebut processing time.

Misalnya, pengguna membuka filter produk. Event handler kemudian menjalankan banyak fungsi, memproses data, memperbarui sejumlah elemen, atau menjalankan JavaScript tambahan.

Jika pekerjaan tersebut terlalu berat, browser membutuhkan waktu lebih lama sebelum dapat melanjutkan ke tahap berikutnya.

3. Presentation Delay: Hasil Belum Segera Tampil

Setelah pemrosesan selesai, browser masih perlu mempersiapkan tampilan berikutnya. Perubahan pada DOM dapat memicu pekerjaan seperti perhitungan style, layout, dan rendering sebelum hasil akhirnya ditampilkan di layar.

Waktu tambahan tersebut disebut presentation delay. Jadi, sebuah event handler yang selesai dijalankan belum tentu berarti pengguna langsung melihat hasilnya.

Kenapa Tiga Fase Ini Penting?

Ketiga fase tersebut membantu kita menentukan arah optimasi. Jika masalah terutama berada pada input delay, kita perlu mencari pekerjaan lain yang membuat main thread sibuk. Jika processing time terlalu panjang, event handler atau JavaScript yang dijalankan oleh interaksi perlu diperiksa.

Sementara itu, presentation delay mengarahkan perhatian pada pekerjaan browser setelah JavaScript selesai, termasuk perubahan DOM, style, layout, dan rendering.

Dengan pendekatan ini, optimasi INP WordPress tidak lagi sekadar mencoba berbagai pengaturan plugin. Kita dapat mulai bertanya: bagian mana yang sebenarnya membuat interaksi ini lambat?

Ini penting karena dua website dengan nilai INP yang sama belum tentu membutuhkan solusi yang sama. Satu website mungkin bermasalah karena script yang berjalan sebelum interaksi, sedangkan website lainnya mungkin memiliki event handler yang terlalu berat.

Kenapa INP WordPress Bisa Buruk?

Sebelum melakukan optimasi INP WordPress, jangan langsung mengubah pengaturan plugin. Cari tahu terlebih dahulu apa yang membuat browser membutuhkan waktu terlalu lama untuk merespons interaksi.

Pada website WordPress, penyebabnya sering kali berasal dari JavaScript, plugin, elemen halaman yang terlalu kompleks, atau layanan pihak ketiga yang berjalan di browser.

JavaScript Terlalu Banyak

JavaScript memungkinkan website memiliki berbagai fitur interaktif, tetapi setiap script juga membutuhkan pekerjaan dari browser. Jika terlalu banyak kode JavaScript dimuat atau dijalankan bersamaan, main thread dapat menjadi sibuk.

Ketika main thread sedang mengerjakan tugas lain, interaksi pengguna dapat harus menunggu. Akibatnya, tombol atau elemen interaktif terasa lambat meskipun halaman secara visual sudah selesai dimuat.

Plugin Memuat Script yang Tidak Dibutuhkan

Plugin WordPress merupakan salah satu sumber masalah yang perlu diperiksa. Sebuah plugin mungkin hanya digunakan untuk satu fitur tertentu, tetapi script pendukungnya dapat dimuat pada halaman yang sebenarnya tidak membutuhkan fitur tersebut.

Jika banyak plugin melakukan hal serupa, jumlah JavaScript yang harus diproses browser dapat bertambah secara signifikan.

Karena itu, jangan hanya menghitung jumlah plugin. Yang lebih penting adalah melihat apa yang dilakukan plugin tersebut terhadap frontend.

Third-Party Script Terlalu Berat

Script dari layanan eksternal juga dapat memengaruhi responsivitas. Contohnya dapat berupa analytics, iklan, widget media sosial, live chat, tracking, atau layanan pemasaran lainnya.

Kamu mungkin tidak menulis kode tersebut sendiri, tetapi browser tetap harus memprosesnya ketika script dimuat dan dijalankan.

Event Handler Melakukan Terlalu Banyak Pekerjaan

Interaksi seperti klik, ketik, scroll, dan perubahan filter biasanya memicu event handler. Jika fungsi yang dijalankan oleh event tersebut melakukan terlalu banyak pekerjaan, processing time dapat menjadi panjang.

Contohnya adalah tombol yang ketika diklik langsung memproses data dalam jumlah besar, mengubah banyak elemen DOM, atau menjalankan beberapa fungsi JavaScript sekaligus.

DOM Terlalu Kompleks

DOM (Document Object Model) merupakan struktur elemen halaman yang harus dikelola browser. Halaman dengan terlalu banyak elemen atau struktur yang terlalu dalam dapat membuat pekerjaan browser menjadi lebih berat, terutama ketika sebuah interaksi menyebabkan banyak bagian halaman harus diperbarui.

Masalah ini dapat muncul pada halaman yang dibangun menggunakan page builder, komponen berlapis-lapis, atau struktur layout yang sangat kompleks.

JavaScript Berjalan pada Waktu yang Tidak Tepat

Tidak semua JavaScript harus dijalankan ketika halaman baru dibuka. Script yang sebenarnya belum dibutuhkan tetapi langsung dieksekusi dapat mengambil waktu pemrosesan dari main thread.

Akibatnya, ketika pengguna melakukan interaksi pada saat yang sama, browser harus membagi waktu antara pekerjaan tersebut dan input pengguna.

Inilah alasan mengapa menunda JavaScript yang tidak kritis dapat menjadi salah satu strategi dalam optimasi INP WordPress. Namun, penundaan harus dilakukan dengan hati-hati karena script tertentu memang dibutuhkan agar fitur website dapat bekerja.

Masalah Tidak Selalu Berasal dari Hosting

Ketika website terasa lambat, hosting sering menjadi tersangka pertama. Padahal, INP terutama berkaitan dengan responsivitas di sisi browser.

Server yang cepat tidak otomatis membuat INP bagus jika frontend masih menjalankan JavaScript yang berat. Sebaliknya, website dengan backend yang baik tetapi frontend yang terlalu kompleks juga dapat terasa lambat ketika pengguna mulai berinteraksi.

Karena itu, diagnosis INP perlu melihat apa yang terjadi setelah halaman diterima browser, bukan hanya seberapa cepat server mengirimkan halaman tersebut.

Bagaimana Cara Mengukur INP WordPress?

Sebelum melakukan perubahan, lakukan pengukuran terlebih dahulu. Dalam optimasi INP WordPress, data pengukuran membantu menentukan apakah masalah benar-benar berasal dari responsivitas halaman dan bagian mana yang perlu diperiksa.

Jangan hanya mengandalkan satu kali pengujian. Hasil INP dapat berbeda berdasarkan perangkat, kondisi jaringan, dan pola interaksi pengguna. Karena itu, idealnya gunakan data pengguna nyata sekaligus pengujian langsung ketika melakukan diagnosis.

Gunakan PageSpeed Insights untuk Melihat Data Lapangan

PageSpeed Insights dapat digunakan sebagai titik awal untuk melihat performa halaman. Jika tersedia, perhatikan bagian data pengguna nyata atau field data, karena data tersebut menunjukkan pengalaman pengguna yang benar-benar mengakses halaman.

Perhatikan nilai INP untuk perangkat mobile dan desktop. Jika salah satunya berada pada kategori “Perlu perbaikan” atau “Buruk”, jangan langsung menyimpulkan bahwa seluruh website mengalami masalah yang sama. Periksa halaman dan jenis interaksi yang menjadi sumber masalah.

Gunakan Chrome DevTools untuk Diagnosis Lebih Dalam

Jika ingin mengetahui penyebab interaksi yang lambat, Chrome DevTools menyediakan alat yang lebih detail melalui tab Performance.

Secara sederhana, kamu dapat membuka halaman yang ingin diperiksa, memulai perekaman performa, kemudian melakukan interaksi yang terasa lambat. Setelah perekaman dihentikan, DevTools akan menampilkan aktivitas browser selama periode tersebut.

Cari long task atau pekerjaan panjang pada main thread. Dari sana, developer dapat menelusuri JavaScript yang sedang berjalan ketika interaksi terjadi.

Bedakan Pengukuran dan Diagnosis

Ini merupakan perbedaan penting. Tools seperti PageSpeed Insights membantu menjawab pertanyaan “seberapa baik pengalaman pengguna?”, sedangkan DevTools membantu menjawab “apa yang membuat interaksi ini lambat?”.

Keduanya memiliki fungsi yang berbeda dan sebaiknya tidak dipertukarkan.

Gunakan Data Real User Monitoring Jika Dibutuhkan

Untuk website dengan kebutuhan performa yang lebih serius, data INP dapat dikumpulkan dari pengguna nyata menggunakan pendekatan Real User Monitoring (RUM). Library web-vitals dari Google dapat digunakan oleh developer untuk mengukur metrik Core Web Vitals dari pengalaman pengguna di browser.

Keuntungan data lapangan adalah kamu dapat melihat kondisi yang tidak selalu muncul ketika website diuji pada komputer developer. Perangkat dengan kemampuan berbeda, jaringan yang lebih lambat, dan pola interaksi yang berbeda dapat menghasilkan pengalaman yang berbeda pula.

Temukan Interaksi yang Paling Bermasalah

Jangan berhenti pada angka INP secara keseluruhan. Jika memungkinkan, cari tahu interaksi apa yang menghasilkan keterlambatan.

Misalnya, homepage mungkin memiliki nilai INP yang masih baik secara keseluruhan, tetapi tombol filter produk tertentu membutuhkan waktu lama ketika digunakan. Masalah seperti ini lebih mudah diperbaiki jika interaksinya sudah diketahui.

Setelah sumber masalah ditemukan, barulah kita dapat menentukan apakah yang perlu diperbaiki adalah JavaScript, plugin, event handler, struktur DOM, third-party script, atau proses rendering.

Dengan urutan ukur → identifikasi interaksi → cari penyebab → lakukan perbaikan → ukur kembali, proses optimasi INP WordPress menjadi jauh lebih terarah.

Cara Optimasi INP WordPress

Setelah mengetahui nilai INP dan menemukan bagian yang bermasalah, sekarang kita bisa masuk ke tahap perbaikan. Prinsip utama optimasi INP WordPress adalah mengurangi pekerjaan yang harus dilakukan browser ketika pengguna sedang berinteraksi dengan halaman.

Jangan menerapkan semua teknik sekaligus. Mulailah dari masalah yang paling besar pengaruhnya, lalu ukur kembali hasilnya setelah setiap perubahan.

1. Kurangi JavaScript yang Tidak Diperlukan

Langkah pertama adalah melihat JavaScript apa saja yang benar-benar dibutuhkan oleh halaman. Script yang tidak digunakan tetap dapat menambah beban browser, terutama ketika harus diproses, diparse, atau dieksekusi.

Pada WordPress, periksa plugin dan fitur yang memasukkan JavaScript ke frontend. Jika sebuah script hanya diperlukan pada halaman tertentu, idealnya script tersebut tidak dimuat pada seluruh halaman website.

Semakin sedikit pekerjaan yang harus dilakukan browser, semakin banyak waktu yang tersedia untuk menangani interaksi pengguna.

2. Tunda JavaScript Non-Kritis

Tidak semua JavaScript harus dijalankan segera ketika halaman mulai dimuat. Script yang tidak dibutuhkan untuk menampilkan fungsi utama halaman dapat ditunda agar tidak langsung mengambil waktu dari main thread.

Pendekatan ini dapat membantu mengurangi pekerjaan yang terjadi pada fase awal halaman. Namun, jangan menunda script secara membabi buta karena beberapa fungsi memang dibutuhkan sejak awal.

Setelah melakukan perubahan, selalu uji kembali menu, formulir, tombol, pencarian, slider, dan fitur interaktif lainnya untuk memastikan tidak ada fungsi yang rusak.

3. Kurangi Plugin yang Membebani Frontend

Jumlah plugin bukan satu-satunya indikator masalah performa. Plugin yang penting sekalipun dapat memberikan beban frontend jika memuat banyak JavaScript atau elemen interaktif.

Karena itu, audit plugin sebaiknya tidak hanya bertanya “berapa banyak plugin yang terpasang?”, tetapi juga “script apa yang dimuat plugin ini dan di halaman mana?”

Plugin yang tidak digunakan sebaiknya dihapus. Untuk plugin yang masih diperlukan, periksa apakah asetnya dapat dibatasi hanya pada halaman yang membutuhkan fitur tersebut.

4. Kurangi Third-Party Script

Script pihak ketiga seperti analytics, iklan, widget chat, tracking, dan integrasi media sosial dapat menambah pekerjaan browser.

Jika sebuah layanan tidak memberikan manfaat yang sebanding dengan bebannya, pertimbangkan untuk menghapusnya. Jika tetap diperlukan, pertimbangkan apakah pemuatannya dapat ditunda atau dibatasi agar tidak mengganggu interaksi utama.

5. Optimalkan Event Handler

Perhatikan kode yang dijalankan ketika pengguna melakukan klik, mengetik, memilih filter, atau berinteraksi dengan elemen lainnya.

Event handler yang menjalankan terlalu banyak pekerjaan dapat memperpanjang processing time. Developer dapat memecah pekerjaan besar menjadi tugas-tugas yang lebih kecil atau menghindari pekerjaan yang sebenarnya tidak diperlukan untuk menghasilkan respons visual.

6. Hindari Long Task

Long task adalah pekerjaan JavaScript yang berlangsung cukup lama sehingga dapat menghambat respons browser terhadap input pengguna.

Jika DevTools menunjukkan long task pada saat interaksi terjadi, jangan hanya mencoba menghapus cache. Cari kode atau proses yang menghasilkan pekerjaan tersebut.

Pekerjaan yang terlalu besar dapat dipecah menjadi beberapa bagian sehingga browser memiliki kesempatan untuk kembali menangani input pengguna di antara tugas-tugas tersebut.

7. Kurangi Kompleksitas DOM

Struktur halaman yang terlalu besar dan dalam dapat meningkatkan pekerjaan browser ketika elemen tertentu diperbarui. Karena itu, periksa apakah layout memiliki terlalu banyak wrapper, nesting, atau komponen yang sebenarnya tidak diperlukan.

Hal ini perlu mendapat perhatian khusus pada halaman yang dibuat dengan page builder atau komponen visual yang menghasilkan struktur HTML sangat kompleks.

8. Perhatikan Rendering Setelah Interaksi

Masalah INP tidak selalu selesai ketika JavaScript berhenti berjalan. Browser masih harus memproses perubahan visual sebelum menampilkan frame berikutnya.

Jika sebuah interaksi menyebabkan terlalu banyak elemen berubah sekaligus, pekerjaan rendering dapat menjadi berat. Karena itu, usahakan perubahan setelah interaksi tetap sederhana dan hanya memperbarui bagian halaman yang memang diperlukan.

Delapan pendekatan tersebut memiliki tujuan yang sama: mengurangi pekerjaan yang menghambat browser merespons pengguna. Setelah melakukan perubahan, ukur kembali INP untuk memastikan optimasi benar-benar memberikan hasil.

Cara Optimasi INP WordPress dengan Plugin

Bagi pengelola WordPress yang tidak terbiasa mengubah kode JavaScript, plugin optimasi dapat membantu mengurangi sebagian pekerjaan frontend. Namun, plugin performa bukan solusi otomatis untuk semua masalah INP.

Konfigurasi yang salah justru dapat membuat fitur website tidak berfungsi atau menciptakan masalah baru. Karena itu, gunakan plugin sebagai alat untuk menerapkan optimasi, bukan sebagai pengganti proses diagnosis.

Gunakan Fitur Optimasi JavaScript Secara Bertahap

Beberapa plugin performa menyediakan fitur seperti defer JavaScript, penundaan eksekusi script, penggabungan atau pengurangan aset, serta penghapusan JavaScript yang tidak diperlukan.

Untuk optimasi INP WordPress, fitur yang berkaitan dengan waktu eksekusi JavaScript dan beban main thread biasanya lebih relevan daripada sekadar mengejar ukuran file yang lebih kecil.

Mulailah dengan satu perubahan, kemudian uji kembali fungsi website. Jika semuanya berjalan normal, lanjutkan ke optimasi berikutnya.

Jangan Menunda Semua JavaScript

Fitur seperti Delay JavaScript Execution dapat membantu pada kondisi tertentu, tetapi tidak berarti semua script harus ditunda.

Script yang berkaitan dengan navigasi, formulir, pencarian, login, atau fitur interaktif tertentu mungkin perlu tersedia ketika pengguna membutuhkannya. Penundaan yang terlalu agresif dapat membuat tombol tidak merespons atau fungsi tertentu baru bekerja setelah beberapa saat.

Karena itu, setelah mengaktifkan fitur penundaan JavaScript, lakukan pengujian pada perangkat mobile dan desktop, terutama pada elemen yang paling sering digunakan pengunjung.

Periksa Plugin yang Memuat Script di Seluruh Website

Salah satu masalah yang sering muncul pada WordPress adalah plugin memuat aset frontend pada halaman yang sebenarnya tidak membutuhkan fitur tersebut.

Misalnya, fitur formulir hanya digunakan pada halaman kontak, tetapi JavaScript formulir ikut dimuat pada seluruh halaman. Dalam skenario seperti ini, membatasi pemuatan aset berdasarkan halaman dapat mengurangi pekerjaan yang harus dilakukan browser.

Namun, teknik ini perlu dilakukan dengan hati-hati. Jangan menghapus atau membatasi script sebelum mengetahui dependensi dan fungsi yang menggunakannya.

Cache Bukan Berarti INP Otomatis Baik

Plugin cache tetap berguna untuk berbagai aspek performa WordPress, tetapi cache tidak secara otomatis menyelesaikan masalah INP.

Cache dapat membantu mengurangi pekerjaan server dan mempercepat penyajian halaman. Sementara itu, INP terutama berkaitan dengan seberapa cepat browser merespons interaksi pengguna setelah halaman digunakan.

Jika masalah sebenarnya berasal dari event handler yang berat atau JavaScript yang memblokir main thread, menambah konfigurasi cache tidak akan memperbaiki akar masalah tersebut.

Uji Setelah Setiap Perubahan

Setiap perubahan konfigurasi plugin performa sebaiknya diikuti pengujian. Periksa menu, tombol, formulir, pencarian, komentar, login, popup, dan elemen interaktif lainnya yang tersedia di website.

Setelah itu, ukur kembali INP. Tujuannya bukan sekadar mendapatkan skor yang lebih tinggi pada satu kali pengujian, tetapi memastikan pengalaman interaksi pengguna benar-benar membaik.

Dengan pendekatan tersebut, plugin menjadi bagian dari strategi optimasi INP WordPress, bukan sekadar alat untuk membuat laporan PageSpeed terlihat lebih hijau.

Jangan Salah Menyalahkan Hosting

Ketika skor performa WordPress buruk, hosting sering menjadi tersangka pertama. Padahal, masalah INP WordPress tidak selalu berasal dari server.

INP terutama mengukur responsivitas halaman terhadap interaksi pengguna di browser. Artinya, website bisa saja memiliki server yang cukup cepat tetapi tetap menghasilkan INP yang buruk karena JavaScript yang berat, event handler yang lambat, atau proses rendering yang membutuhkan terlalu banyak pekerjaan.

TTFB dan INP Mengukur Hal yang Berbeda

TTFB berkaitan dengan waktu yang dibutuhkan hingga browser menerima respons awal dari server. INP, di sisi lain, berkaitan dengan waktu yang dibutuhkan halaman untuk merespons interaksi pengguna.

Karena itu, memperbaiki TTFB tidak otomatis memperbaiki INP. Sebaliknya, website dengan TTFB yang cukup baik tetap dapat memiliki masalah INP jika beban JavaScript di browser terlalu tinggi.

Kapan Hosting Perlu Dicurigai?

Hosting tetap penting jika masalah performa memang terjadi pada sisi server. Misalnya, waktu respons server konsisten tinggi, sumber daya server tidak mencukupi, atau proses backend membutuhkan waktu terlalu lama.

Namun, indikasi tersebut perlu dibedakan dari masalah yang terjadi setelah halaman sudah diterima browser.

Jika TTFB relatif baik tetapi interaksi seperti membuka menu, mengklik tombol, atau menggunakan filter terasa lambat, pemeriksaan sebaiknya diarahkan ke JavaScript, event handler, third-party script, DOM, dan rendering.

Gunakan Data untuk Menentukan Sumber Masalah

Daripada langsung mengganti hosting, lakukan diagnosis berdasarkan data. Periksa TTFB untuk melihat kondisi respons server, kemudian periksa INP dan data performa browser untuk melihat responsivitas halaman.

Pendekatan ini membantu menghindari pengeluaran yang sebenarnya tidak diperlukan. Mengganti hosting tidak akan menyelesaikan masalah jika akar persoalannya adalah JavaScript frontend yang terlalu berat.

Sebaliknya, jika pengukuran menunjukkan masalah konsisten pada sisi server, optimasi database, konfigurasi server, caching, atau peningkatan kapasitas hosting dapat menjadi langkah yang lebih masuk akal.

Jadi, dalam optimasi INP WordPress, pertanyaan yang tepat bukan sekadar “hosting saya lambat atau tidak?”, tetapi “pada tahap mana browser atau server menghabiskan waktu paling banyak?”

Jangan Salah Menyalahkan Hosting

Ketika skor performa WordPress buruk, hosting sering menjadi tersangka pertama. Padahal, khusus untuk optimasi INP WordPress, masalah tidak selalu berada di sisi server.

INP mengukur respons halaman terhadap interaksi pengguna. Setelah browser menerima halaman, JavaScript, event handler, struktur DOM, dan proses rendering di perangkat pengguna dapat menentukan seberapa cepat halaman memberikan respons visual.

TTFB dan INP Mengukur Hal yang Berbeda

TTFB berkaitan dengan waktu yang dibutuhkan browser untuk menerima respons awal dari server. Sementara itu, INP berkaitan dengan responsivitas halaman ketika pengguna berinteraksi dengannya.

Artinya, sebuah website dapat memiliki TTFB yang baik tetapi INP yang buruk. Server mungkin sudah mengirimkan halaman dengan cepat, tetapi browser kemudian harus menjalankan JavaScript yang berat ketika pengguna menekan tombol atau membuka menu.

Sebaliknya, website dengan INP yang baik belum tentu memiliki performa server yang optimal. Karena itu, kedua metrik perlu dianalisis berdasarkan masalah yang memang ingin ditemukan.

Kapan Hosting Perlu Dicurigai?

Hosting lebih layak diperiksa ketika masalah performa berkaitan dengan respons server, misalnya TTFB tinggi, kapasitas server terbatas, lonjakan penggunaan resource, konfigurasi database, atau proses backend yang lambat.

Dalam kondisi tersebut, upgrade hosting mungkin menjadi bagian dari solusi. Namun, jika diagnosis menunjukkan bahwa interaksi lambat disebabkan oleh JavaScript yang memblokir main thread, mengganti hosting tidak menyelesaikan akar masalah.

Periksa Masalah dari Sisi Server dan Browser

Pendekatan yang lebih tepat adalah memisahkan diagnosis menjadi dua sisi.

• Sisi server: periksa TTFB, caching, database, resource hosting, dan proses backend.
• Sisi browser: periksa JavaScript, event handler, long task, DOM, third-party script, dan rendering.

Pemisahan ini membantu menentukan tindakan yang tepat. Jika server lambat, optimasi backend dan infrastruktur dapat diprioritaskan. Jika browser lambat merespons interaksi, fokuskan perbaikan pada frontend.

Jangan Mengejar Upgrade Hosting Sebelum Diagnosis

Upgrade hosting memang dapat memberikan manfaat ketika sumber masalah berada pada server. Tetapi keputusan tersebut sebaiknya dibuat berdasarkan data, bukan hanya karena skor PageSpeed atau Core Web Vitals terlihat buruk.

Dalam optimasi INP WordPress, diagnosis yang tepat jauh lebih penting daripada sekadar menambah resource server. Cari tahu terlebih dahulu apa yang sebenarnya terjadi ketika pengguna berinteraksi dengan halaman.

Apakah INP Bagus Berarti Website Sudah Cepat?

Belum tentu. Nilai INP yang baik menunjukkan bahwa halaman mampu merespons interaksi pengguna dengan baik, tetapi performa website tidak hanya ditentukan oleh satu metrik.

Pengalaman pengguna juga dipengaruhi oleh metrik Core Web Vitals lainnya, seperti Largest Contentful Paint (LCP) untuk loading dan Cumulative Layout Shift (CLS) untuk stabilitas visual.

INP Hanya Salah Satu Bagian dari Performa

Bayangkan sebuah halaman yang memiliki INP 150 milidetik. Ketika pengguna mengklik tombol, halaman dapat merespons dengan cepat. Namun, jika konten utama membutuhkan waktu sangat lama untuk muncul atau layout terus bergeser ketika halaman dimuat, pengalaman pengguna tetap belum optimal.

Karena itu, optimasi INP WordPress sebaiknya ditempatkan sebagai bagian dari strategi performa yang lebih luas, bukan sebagai satu-satunya target.

Jangan Mengejar Skor Hijau Semata

Angka yang baik memang penting, tetapi tujuan akhirnya adalah membuat website terasa cepat, responsif, dan nyaman digunakan.

Perhatikan bagaimana pengguna benar-benar menggunakan website. Apakah menu terbuka dengan cepat? Apakah tombol merespons ketika ditekan? Apakah formulir dapat digunakan tanpa jeda yang mengganggu? Apakah halaman tetap stabil ketika konten dimuat?

Pertanyaan seperti ini sering kali lebih berguna daripada sekadar melihat satu angka pada laporan performa.

Performa dan SEO Saling Berkaitan, tetapi Bukan Satu-Satunya Faktor

Core Web Vitals merupakan bagian dari evaluasi pengalaman halaman Google, tetapi memperbaiki INP saja tidak menjamin sebuah halaman otomatis mendapatkan posisi lebih tinggi di hasil pencarian.

SEO tetap dipengaruhi banyak faktor lain, termasuk kualitas dan relevansi konten, pemahaman terhadap maksud pencarian, struktur website, internal linking, serta berbagai sinyal lainnya.

Karena itu, target yang lebih sehat adalah membangun website yang cepat, responsif, stabil, dan berguna bagi pengguna, kemudian memastikan aspek SEO lainnya juga dikelola dengan baik.

Kesimpulan

Optimasi INP WordPress pada dasarnya bukan tentang mengejar satu angka hijau di PageSpeed Insights. Fokus utamanya adalah memastikan website dapat merespons interaksi pengguna dengan cepat dan konsisten.

Langkah pertama adalah mengukur INP dan menemukan interaksi yang bermasalah. Setelah itu, periksa penyebabnya, mulai dari JavaScript yang terlalu berat, event handler, long task, plugin yang memuat script secara berlebihan, third-party script, struktur DOM, hingga proses rendering.

Plugin optimasi dapat membantu menerapkan beberapa perbaikan, tetapi bukan pengganti diagnosis. Begitu juga dengan hosting. Jika masalah berada di browser, upgrade server belum tentu memberikan solusi.

Pendekatan yang paling aman adalah melakukan perubahan secara bertahap, menguji fungsi website setelah setiap perubahan, kemudian mengukur kembali hasilnya. Dengan cara tersebut, optimasi INP WordPress tidak hanya menghasilkan skor yang lebih baik, tetapi juga membantu menciptakan pengalaman website yang lebih responsif bagi pengguna.