Plugin Pemantau Kueri

Setiap kali situs web WordPress dimuat, ada banyak hal yang terjadi di balik layar saat informasi diambil dari database dan halaman dibuat dan kemudian dimuat. Karena kueri ini mengambil informasi dari database dan dapat melibatkan setiap tema, plugin, dan file inti, ini sangat berguna jika mereka dapat dipantau dengan cara tertentu. Sampaikan salam ke plugin Query Monitor.

Plugin Query Monitor adalah salah satu alat paling populer untuk (Anda dapat menebaknya) memantau kueri WordPress. Dengan tim khusus yang memberikan dukungan hebat dan pembaruan rutin, plugin Query Monitor memberikan bantuan yang tak ternilai bagi pengembang web saat debugging situs web.

Mari kita lihat lebih dekat plugin Query Monitor dan lihat bagaimana itu bisa digunakan.

Memperkenalkan Plugin Monitor Kueri

Query Monitor adalah alat debugging WordPress gratis. Seperti semua plugin WordPress, Anda dapat menginstal Query Monitor dari area admin plugin.

Setelah plugin dipasang dan diaktifkan, sekelompok angka akan muncul di setiap halaman yang Anda kunjungi (baik di tampilan frontend maupun backend) yang merinci statistik pemuatan halaman saat ini. 4 angka ini menunjukkan waktu pembuatan halaman, penggunaan memori PHP, waktu kueri basis data, dan jumlah kueri yang dibuat.

Jika Anda mengarahkan kursor ke angka-angka ini, menu tarik-turun akan muncul yang menyediakan tautan ke data tambahan.

Saat Anda mengklik salah satu tautan ini, sebuah jendela muncul di bagian bawah halaman dengan menu bilah sisi yang identik dengan menu yang digambarkan di atas yang dapat Anda gunakan untuk memfilter hasil. Tangkapan layar di bawah menunjukkan beberapa hasil untuk opsi 'Kait & Tindakan':

Tab terakhir pada menu disebut 'Ketentuan' dan tidak sama untuk setiap halaman. Misalnya, di backend itu menunjukkan seperti ini:

Tetapi jika Anda melihat menu yang sama di bagian depan situs web Anda, Anda akan melihat beberapa informasi berbeda karena kondisi alternatif digunakan:

Tab ini dapat menjadi alat yang hebat ketika Anda ingin mengidentifikasi kait kanan atau tag kondisional untuk digunakan saat menambahkan plugin atau fungsionalitas tema baru.

Apa yang Dilakukan Plugin Monitor Kueri

Saat Anda mengunjungi halaman WordPress mana pun (baik dari dalam area Admin atau front end), plugin mengumpulkan semua proses WordPress yang terjadi baik di server maupun antara server dan browser pengunjung. Untuk menunjukkannya kepada Anda, itu membuat laporan yang mudah dibaca yang dapat dilihat seperti yang ditunjukkan di atas.

Karena ini berfungsi di setiap halaman situs web Anda (baik dari dalam Admin dan front end), Anda dapat menggunakannya untuk men-debug proses front end atau back end. Ini mungkin berkisar dari mengidentifikasi dan men-debug kueri basis data yang lambat, panggilan AJAX, permintaan REST API, dan banyak lagi. Informasi yang diberikan sangat berguna ketika mencoba untuk menunjukkan masalah tertentu dan secara signifikan dapat mempercepat pemecahan masalah.

Beberapa Contoh Monitor Kueri

Ada banyak contoh di mana menggunakan Query Monitor dapat membantu. Misalnya memantau dependensi skrip, kait WordPress, detail lingkungan hosting, dan tag kueri bersyarat dapat membantu memecahkan banyak masalah. Kami akan melihat sekilas beberapa kegunaan umum di bawah ini.

Pemecahan masalah kesalahan sintaks

Untuk tujuan contoh ini, kami menggunakan kueri SQL khusus dalam satu templat posting.

 //// SLOW QUERY TEST global $wpdb; $prefix = $wpdb->prefix; $slowq = "SELECT * FROM {$prefix}_options WHERE option_name LIKE '%siteurl%'"; $results = $wpdb->get_results( $slowq ); echo $results[0]->option_value;

Saat kami me-refresh halaman, kami dapat melihat bahwa kami tidak memiliki hasil untuk output cetak PHP. Selain itu, tab Query Monitor telah berubah menjadi merah.

Jika Anda mengarahkan kursor ke peringatan itu, peringatan lain yang lebih rinci akan ditampilkan yang berbunyi 'Database Errors (1)'. Klik ini dan Anda dapat melihat kesalahan secara detail membantu Anda memahami kesalahan sintaks.

Sekarang jika Anda memperbaiki kesalahan dan memuat ulang halaman, peringatan itu akan hilang.

Seperti yang Anda lihat, kami dengan cepat menemukan penyebab masalah kami menggunakan plugin Query Monitor. Tanpa kemampuan untuk memantau kueri dengan cara ini, Anda dapat menghabiskan waktu berjam-jam untuk mencoba mencari tahu mengapa Anda tidak memiliki keluaran gema dan masih belum melihat "_" tambahan yang harus dihapus.

Permintaan HTTP memperlambat waktu pemuatan situs web

Banyak plugin cenderung menggunakan terlalu banyak sumber daya eksternal dengan membuat banyak permintaan ke API eksternal. Ini pasti dapat memperlambat situs Anda dan plugin yang melakukan ini harus dihindari jika memungkinkan.

Google Analytics atau plugin komentar seperti Disqus, Jetpack, atau Facebook Comments adalah plugin yang melakukan hal ini.

Skrip eksternal menarik permintaan dari situs web lain. Ini tidak perlu buruk (situs web WordPress mana pun cenderung menggunakan beberapa sumber daya eksternal). Tetapi ketika Anda menggunakan plugin atau skrip yang meminta beberapa sumber daya eksternal, penting untuk memastikan bahwa Anda benar-benar membutuhkannya dan Anda menerapkan solusi terbaik untuk meminimalkan panggilan eksternal.

Anda dapat melihat sendiri perbedaannya dengan mengunggah skrip jQuery di server eksternal. Lihat waktu permintaan menggunakan tab 'Permintaan' dan 'Panggilan API HTTP' di Monitor Kueri. Kemudian muat skrip jQuery ke server Anda sendiri dan minta situs web Anda memanggilnya dari lokasi internal baru ini. Anda mungkin terkejut ketika membandingkan perbedaan antara waktu permintaan eksternal dan internal.

Gunakan alat ini untuk memeriksa plugin apa pun yang Anda gunakan untuk melihat apakah mereka memperlambat situs web Anda.

Template Tema

Plugin Monitor juga berguna bagi pengembang tema karena mereka dapat melihat hierarki template dan file PHP yang digunakan untuk membuat halaman situs web Anda.

Keren, kan? Semua info di ujung jari Anda. Nama tema aktif, kelas isi untuk permintaan saat ini, semua bagian template yang dimuat (atau tidak dimuat) untuk halaman saat ini dan nama file template dan hierarki.

Kesimpulan

Memiliki alat yang tepat dapat membuat pekerjaan pengembang jauh lebih mudah dan plugin Query Monitor jelas merupakan salah satu yang ditambahkan ke toolkit! Maksimalkan plugin untuk memantau sumber daya yang digunakan seperti memori atau konten yang di-cache atau melacak plugin yang menyebabkan masalah kinerja untuk situs web Anda.

Jika Anda ingin informasi lebih lanjut tentang menggunakan Query Monitor, lihat halaman GitHub mereka yang menyediakan daftar fitur lengkap. Selamat men-debug!