Apa itu Plugin Monitor Kueri?

Jika Anda pernah menemukan situs web yang lambat sehingga Anda tidak tahu cara mempercepatnya atau umpan balik dari klien bahwa mereka mencari peningkatan kinerja, plugin Query Monitor mungkin saja menjadi sahabat baru Anda. Query Monitor “adalah panel alat pengembang untuk WordPress.

Ini memungkinkan debugging kueri basis data, kesalahan PHP, kait dan tindakan, blok editor blok, skrip enqueued dan stylesheet, panggilan API HTTP, dan banyak lagi…”. Dan, terutama jika Anda seorang pengembang, ini adalah alat yang ingin Anda miliki di kotak alat Anda ketika Anda harus men-debug kesalahan atau perilaku tak terduga di situs web WordPress.

Pada artikel ini, kita akan melihat apa itu plugin Query Monitor dan bagaimana itu dapat membantu Anda sebagai pengembang mendapatkan wawasan yang lebih baik tentang semua kode yang berjalan di situs web WordPress Anda.

Apa itu Monitor Kueri

Query Monitor adalah plugin yang sangat mirip dengan “pisau Tentara Swiss” bagi pengembang. Meskipun Anda mungkin terbiasa melihat template, skrip, dan enqueue gaya, dan semua berbagai plugin yang digunakan di situs Anda, Monitor Kueri memungkinkan Anda melangkah satu tingkat lebih dalam.

Dengan plugin Query Monitor terinstal, Anda dapat melihat kueri basis data yang benar-benar terjadi, semua berbagai bagian template yang disertakan sebagai bagian dari pemuatan halaman tertentu, dan benar-benar menelusuri apa pun yang mungkin menyebabkan masalah kinerja pada Anda situs web.

Kapan Anda membutuhkan Monitor Kueri?

Query Monitor adalah yang paling penting ketika Anda telah mengidentifikasi masalah di situs web Anda, apakah itu masalah kinerja keseluruhan, masalah pada halaman tertentu, atau masalah yang ditandai dari alat seperti GTMetrix atau Google PageSpeed. Namun, saat Anda menggunakan alat ini, terkadang alat tersebut dapat menutupi masalah yang sebenarnya.

Misalnya, jika Anda melihat skor Performa rendah pada analisis Google PageSpeed, apakah ada kueri database nakal yang membutuhkan waktu lebih lama daripada yang seharusnya dirender di setiap halaman? Karena PageSpeed ​​tidak memiliki akses ke backend situs Anda, PageSpeed ​​tidak dapat memberi Anda informasi yang lebih spesifik selain "bagian situs Anda ini harus lebih cepat". Di situlah Query Monitor masuk.

Seperti apa tampilan Antarmuka Monitor Kueri?

Meskipun Query Monitor memiliki banyak fungsi bawaan (yang dapat Anda telusuri lebih lengkap sebagai bagian dari dokumentasi), kami akan berfokus pada tiga bagian spesifik dari plugin: men-debug kueri basis data, mencari tahu lebih banyak informasi tentang template yang situs WordPress Anda menggunakan dan menyelami lebih dalam kaitan dan tindakan mana yang digunakan.

Setelah Anda menginstal plugin Query Monitor, jika Anda masuk sebagai pengguna WordPress, Anda akan melihat bahwa Query Monitor memiliki bagiannya sendiri sebagai bagian dari bilah admin tempat Anda dapat mengakses statistik mendetail yang akan membantu Anda memulai proses debug.

Kueri Basis Data

Jika Anda memilih item Queries dari bagian Monitor Kueri di bilah admin, Anda akan melihat jendela munculan di bagian bawah layar yang memecah berbagai kueri basis data yang dibuat situs Anda untuk merender halaman tempat Anda berada.

Di sini Anda tidak hanya dapat memfilter kueri basis data berdasarkan bagian mana dari WordPress yang awalnya membuat kueri, tetapi Anda juga dapat dengan mudah melihat kapan kueri basis data duplikat dibuat yang mungkin mendapat manfaat dari caching objek.

Menggulir ke bawah melalui daftar ini, Anda dapat melihat setiap kueri basis data yang digunakan untuk merender halaman yang sedang Anda buka serta bagian mana dari basis kode WordPress yang dibuat oleh basis data dan waktu yang dibutuhkan kueri untuk dieksekusi.

Kolom Time dapat diurutkan, sehingga Anda dapat dengan cepat melihat kueri yang membutuhkan waktu paling lama untuk dieksekusi sebagai bagian dari pemuatan halaman Anda dan mulai melakukan debug di sana.

Permintaan basis data yang lambat dan duplikat bisa menjadi masalah besar bagi situs WordPress dan sering kali luput dari perhatian. Namun, dengan melihat kueri database dengan Query Monitor, Anda dapat mulai melihat apakah ada, misalnya, kueri meta pos yang perlu difaktorkan ulang karena situs Anda tumbuh terlalu besar.

Informasi Templat

Terutama saat men-debug keluaran yang tidak diharapkan di ujung depan sebuah situs, akan sangat berguna untuk mengetahui templat mana yang digunakan dan bagian templat mana yang sedang dimuat. Ini adalah area lain di mana Query Monitor bisa sangat membantu.

Dengan memilih opsi Template dari dropdown Query Monitor, Anda dapat melihat template utama yang digunakan untuk merender halaman, serta bagian template yang digunakan.

Dengan informasi ini, Anda tidak hanya dapat melihat template mana yang sedang digunakan, Anda juga bisa mendapatkan sedikit informasi tentang bagaimana Hierarki Template diurai sebagai bagian dari konstruksi halaman ini, serta body class mana yang disertakan.

Hal ini membuat tab Template di Monitor Kueri menjadi tampilan yang sangat andal saat mulai men-debug masalah front-end.

Misalnya, jika Anda memiliki plugin yang seharusnya menerapkan gaya ke halaman melalui kelas CSS, tempat terbaik untuk memulai debugging masalah gaya yang terkait dengan itu adalah menggunakan tab Template untuk memeriksa apakah kelas tubuh tersebut ditambahkan ke halaman seperti yang diharapkan sebelum terjun ke proses debug CSS.

Kait dan Tindakan

Area lain dari eksekusi WordPress yang sulit di-debug menjadi jelas setelah Anda mulai menggunakan Tindakan dan Filter. Tindakan dan Filter digunakan oleh semua jenis plugin dan tema yang berbeda untuk menyesuaikan fungsionalitas WordPress, tetapi Anda tidak selalu dapat memastikan bahwa mereka bekerja persis seperti yang Anda inginkan.

Misalnya, masalah umum adalah fungsi dikaitkan ke tindakan atau filter, tetapi kemudian fungsinya diganti oleh fungsi lain yang berjalan dengan prioritas lebih tinggi. Dengan menggunakan tab Hooks and Actions dari Query Monitor, Anda dapat dengan mudah menelusuri dan melihat fungsi mana yang terkait dengan tindakan mana dan tepatnya di mana dalam siklus eksekusi dan pemuatan halaman yang dijalankannya.

Kolom paling kanan bahkan memberi tahu Anda komponen mana yang bertanggung jawab atas fungsionalitas yang dipanggil, jadi jika Anda menemukan konflik, Anda dapat menelusuri bagian basis kode tersebut dan mencari tahu dengan tepat apa yang terjadi dan apa yang perlu dimodifikasi.

Monitor Kueri vs WP_DEBUG

Salah satu kesalahpahaman umum adalah bahwa Query Monitor memberi Anda akses ke informasi yang akan tersedia jika Anda mengaktifkan konstanta WP_DEBUG di situs Anda. Meskipun Query Monitor menyediakan beberapa informasi yang sama yang akan tersedia jika Anda sedang melakukan debug pada situs WordPress Anda, informasi yang kami jelaskan di atas akan jauh lebih sulit didapat tanpa debugging ekstensif dari masing-masing kode.

Dengan Query Monitor, Anda tidak hanya mendapatkan antarmuka yang bagus dan bersih untuk menelusuri informasi ini, Anda mendapatkan semuanya di luar kotak, tanpa harus mengubah basis kode Anda, memungkinkan Anda dengan cepat memulai masalah debug dan mencari tahu bagian mana dari basis kode Anda perlu dimodifikasi.

Selain itu, karena ini hanya berjalan untuk pengguna yang masuk, Anda dapat yakin bahwa non-administrator situs Anda tidak melihat informasi debug dan bahwa kinerja halaman pengguna yang tidak masuk tidak terpengaruh oleh Kueri Memantau berjalan.

Membungkus

Terutama ketika Anda tidak tahu harus mulai dari mana men-debug masalah tertentu di situs WordPress Anda, Query Monitor bisa menjadi cara yang bagus untuk mendapatkan gambaran umum dari semua bagian penting dari siklus eksekusi WordPress. Membaca sekilas berbagai tab akan memungkinkan Anda untuk melihat apakah ada yang tidak beres dan menelusuri lebih dalam ke bagian tertentu dari pemuatan halaman. Dengan alat canggih ini di kotak alat debugging Anda, Anda akan dapat mengisolasi masalah lebih cepat dan kembali membangun situs WordPress Anda.

Untuk apa Anda menggunakan Query Monitor dan bagaimana hal itu membantu alur kerja Anda? Beri tahu kami di bawah di komentar.