Query Monitor - Mudah Debug dan Tingkatkan Kinerja WordPress

Diterbitkan: 2022-05-16

Dalam tutorial ini kita akan belajar cara menggunakan plugin Query Monitor untuk mengetahui alasan situs WordPress yang berkinerja lambat.

Menonaktifkan plugin hingga Anda menemukan hambatan biasanya merupakan cara terbaik untuk mengidentifikasi plugin yang bermasalah.

Namun, ada cara yang lebih efisien dan lebih cepat untuk melakukannya. Untuk mengatasi masalah ini, Query Monitor telah dibuat. Situs WordPress Anda akan menjadi lebih efisien, Anda dapat men-debug masalah kinerja, dan Anda akan mendapatkan pemahaman yang lebih baik tentang situs Anda.

Daftar isi

Apa itu Kueri?

Sebuah 'query' adalah permintaan informasi dari database. Saat WordPress meminta informasi dari database Anda, ia melakukannya menggunakan kueri.

Beberapa kueri diluncurkan di latar belakang saat seseorang mengunjungi situs web Anda. Anda dapat melakukan hal berikut dengan melacak kueri ini:

  • Tentukan plugin atau tema mana yang paling berdampak pada kinerja situs web Anda . Setiap kueri membutuhkan waktu, dan semakin banyak permintaan yang dibuat oleh alat, semakin besar pengaruhnya terhadap kinerja situs Anda.
  • Melacak sumber daya yang Anda gunakan. Anda dapat mengamati berapa banyak RAM yang Anda gunakan dan juga berapa banyak informasi Anda yang berhasil di-cache dengan beberapa alat pemantauan kueri.
  • Tingkatkan keterampilan pemecahan masalah Anda. Anda dapat memecahkan banyak kesulitan dengan lebih cepat jika Anda tahu cara melacak kueri Anda. Jika plugin tidak beroperasi dengan benar, misalnya, kemungkinan kueri tidak terpicu dengan benar.

Anda dapat mengidentifikasi plugin atau tema mana yang menggunakan sumber daya paling banyak dengan menggunakan pemantauan kueri untuk meningkatkan kinerja situs Anda.

Apa itu Pemantau Kueri?

Query Monitor adalah alat gratis untuk men-debug situs WordPress dan menilai kinerjanya. Aplikasi menganalisis setiap permintaan yang dibuat ke server termasuk kueri basis data, permintaan HTTP, kait & tindakan, dan banyak lagi. Mengidentifikasi plugin, skrip, atau kueri basis data yang berkontribusi pada masalah waktu buka dapat dilakukan melalui alat ini.

Anda dapat menggunakan plugin Query Monitor untuk menentukan apakah masalah kinerja dengan situs web Anda disebabkan oleh penyebab yang jelas atau apakah karena masalah yang lebih kompleks.

Fitur yang berbeda dari Query Monitor?

Berikut adalah beberapa fitur dari Query Monitor:

  • Kesalahan PHP
  • Kesalahan Tema
  • REST API
  • Panggilan AJAX
  • Autentikasi
  • Pernyataan privasi

Sekarang mari kita lihat fitur-fitur ini secara detail

Kesalahan PHP

Kode PHP dihasilkan oleh tema atau plugin yang menghasilkan permintaan di WordPress. Menggunakan Kesalahan PHP, seseorang dapat mengidentifikasi komponen yang bertanggung jawab atas kesalahan tersebut, serta lokasinya.

Kesalahan Tema

Semua kueri yang dipicu oleh tema didaftar oleh fitur tema. Nama template tema dan hierarki untuk setiap kueri ditampilkan. Selain itu, ini menyoroti bagian tema yang belum dimuat serta nama tema yang aktif.

REST API

Query Monitor memungkinkan Anda untuk men-debug informasi yang disertakan di dalam header permintaan REST API WordPress yang diautentikasi jika Anda memiliki izin. Namun, plugin saat ini hanya menampilkan kesalahan PHP dan penggunaan memori.

Panggilan AJAX

Ajax digunakan oleh situs WordPress dinamis untuk mengirim dan mengambil data secara real-time tanpa memuat seluruh halaman web. Query Monitor juga menyediakan informasi debugging terkait bersama dengan permintaan ini. Detail ini membantu pengembang mengidentifikasi kesalahan dengan lebih mudah.

Autentikasi

Admin super WordPress Multisite dan administrator instalasi satu situs dapat melihat log secara default. Bahkan ketika masuk sebagai pengguna, Anda dapat melihat log menggunakan cookie otentikasi.

Pernyataan privasi

Tidak ada data yang dikumpulkan atau dikirim ke pihak ketiga oleh WordPress Query Monitor yang menjamin privasi pengguna. Fitur ini membuat plugin jauh lebih andal dan dapat dipercaya.

Tujuan dari Query Monitor?

Lebih dari sekadar kueri WordPress dapat di-debug dengan Query Monitor.

Sebagai salah satu manfaat utama plugin, Query Monitor berguna untuk men-debug kueri basis data.

Ini juga mencakup debugging khusus untuk kinerja dan pengembangan umum. Query Monitor memiliki batasan utama yang terutama digunakan untuk debugging "saat ini". Kueri database hanya ditampilkan untuk pemuatan halaman saat ini ketika menunjukkan waktu dan sebagainya.

Bagaimana cara menginstal Monitor Kueri?

Memasang monitor Query sangat sederhana di WordPress.

  • Masuk ke dasbor WordPress Anda
  • Klik Plugin -> Tambah Baru dari menu sebelah kiri
  • Cari "Query Monitor" dan Instal dan Aktifkan.

Bagaimana cara kerja Monitor Kueri?

WordPress Query Monitor tidak memiliki tab sendiri di menu kiri atau antarmuka terpisah. Melainkan ditampilkan di bilah admin WP di frontend dan backend.

Awalnya hanya menampilkan empat informasi

  1. Waktu pembuatan halaman
  2. Penggunaan memori puncak
  3. Total waktu yang dibutuhkan oleh kueri SQL
  4. Jumlah total kueri SQL
Pemantau Kueri

Saat Anda mengkliknya, antarmuka Monitor Kueri muncul sebagai hamparan jendela di atas halaman frontend dan backend. Antarmuka Monitor kueri dan informasinya hanya dapat dilihat oleh Administrator atau Administrator super.

Sekarang mari kita lihat tab ini secara detail

Ringkasan

Tab ini menampilkan informasi tambahan dari ringkasan bilah admin serta beberapa data/informasi lingkungan umum. Ini hanyalah gambaran umum.

Pertanyaan

Tab Query memungkinkan Anda untuk memeriksa setiap query database untuk halaman saat ini. ini adalah salah satu bagian yang paling padat informasi dari Query Monitor. Anda akan melihat informasi berikut.

  • Permintaan dalam bentuk lengkap
  • Penelepon permintaan
  • Komponen kueri (apakah itu berasal dari inti, tema, plugin)
  • Jumlah baris
  • Waktu yang dibutuhkan kueri

Anda dapat menggunakan ini untuk berbagai hal, seperti menemukan kueri yang memuat lambat yang memperlambat kecepatan situs Anda.

Query Monitor akan memecah pertanyaan berdasarkan tema dan plugin individual sehingga Anda dapat mengamati bagaimana setiap ekstensi memengaruhi situs Anda.

Jika Anda melihat angka yang sangat rendah di sini, mungkin karena caching.

Ada tiga sub menu:

  • Kueri Duplikat

Untuk membantu Anda men-debug dan merampingkan berbagai hal, ini menunjukkan pencarian duplikat dan mencantumkan "kemungkinan pembuat masalah".

  • Pertanyaan oleh penelepon

Memungkinkan Anda melihat semua penelepon di halaman ini. Jika Anda memilih satu, daftar pertanyaan untuk penelepon apa akan muncul.

  • Kueri menurut komponen

Menyediakan daftar semua kueri yang dilakukan oleh inti WP, tema, dan plugin tertentu.

Log

Tab log adalah tab yang lebih canggih tempat Anda dapat mencatat pesan dan variabel. Ini mungkin membantu Anda memecahkan masalah teknis atau memantau situs Anda untuk masalah.

Tab ini akan kosong saat Anda pertama kali menginstal Query Monitor karena Anda tidak akan mengonfigurasi variabel logging apa pun.

Permintaan

Variabel kueri untuk permintaan saat ini ditampilkan di halaman Permintaan utama. Ada tiga sub menu

sebuah. Minta Header

b. Header Respons

c. Kait sedang digunakan

layar admin

Jika Anda menggunakan Query Monitor di dashboard admin WordPress, tab Admin akan muncul. Filter dan tindakan khusus terlihat saat melihat panel admin dengan tabel daftar. itu juga menampilkan status get_current_screen saat ini.

Skrip

Tab skrip bisa dibilang merupakan area pemecahan masalah kinerja yang paling berguna setelah tab admin.

Tab ini menampilkan semua JavaScript enqueued halaman, serta dependensi dan dependennya. Anda juga dapat memfilter untuk mengidentifikasi skrip dari host tertentu atau yang memiliki dependensi/dependensi eksplisit.

Lebih banyak skrip, secara keseluruhan, menyiratkan situs web yang lebih lambat karena meningkatkan ukuran halaman dan menambahkan permintaan HTTP. Tab ini dapat digunakan untuk menyelidiki efek dari berbagai ekstensi dan untuk mengidentifikasi strategi untuk mengurangi jumlah skrip antrean yang dimuat di setiap halaman.

Gaya

Tab Gaya mirip dengan tab Skrip, tetapi alih-alih JavaScript, tab ini menampilkan CSS yang diantrekan. Ini adalah tab lain yang berguna untuk men-debug kinerja situs Anda.

Memuat lembar gaya tambahan pada halaman, mirip dengan skrip, menghasilkan situs pemuatan yang lebih lambat.

Anda dapat menggunakan informasi ini untuk membatasi jumlah stylesheet yang perlu dimuat di situs web, menghasilkan file yang lebih kecil dan permintaan HTTP yang lebih sedikit.

Kait dan Tindakan

Tab Hooks & Actions menampilkan semua hook dan action halaman saat ini, beserta prioritasnya.

Ketika datang ke tindakan, Anda dapat memperluas masing-masing untuk melihat file aktual dan baris kode yang terhubung dengannya. Anda juga dapat mencari tindakan dari inti WordPress, plugin, dan tema berdasarkan komponen.

Wilayah ini tidak terlalu berorientasi pada kinerja, tetapi berguna untuk pengembangan yang dipesan lebih dahulu.

Bahasa

Tab Bahasa menampilkan domain bahasa dan teks situs Anda, serta file bahasa untuk setiap ekstensi.
Jika Anda memiliki situs multibahasa dan/atau situs Anda dalam bahasa yang tidak memiliki cakupan paket terjemahan penuh, tab ini dapat berguna.

Panggilan HTTP API

memberikan detail permintaan, waktu, dan kode status HTTP untuk semua permintaan HTTP sisi server yang dibuat selama pemuatan halaman.

"Tidak ada panggilan HTTP API" akan muncul di banyak halaman, yang merupakan indikator yang baik karena menunjukkan tidak ada yang mengganggu kinerja situs Anda.

Pemeriksaan Kemampuan

Pemeriksaan Kemampuan menunjukkan kepada Anda kemampuan pengguna mana yang memiliki akses ke konten saat ini yang Anda lihat. Ini dapat berguna untuk menentukan apakah pengguna yang berbeda memiliki akses ke materi ujung depan atau ujung belakang yang berbeda.

Lingkungan

Tab ini memberi Anda gambaran menyeluruh tentang lingkungan situs Anda termasuk

  • PHP
  • Basis data
  • WordPress
  • Server

bersyarat

Tab ini memungkinkan Anda untuk memeriksa pernyataan kondisi mana yang berlaku untuk halaman saat ini, yang berguna untuk pengembangan kustom.

Ada kedua kondisional "Benar" dan "Salah".

Apa saja keuntungan menggunakan Query Monitor?

Beberapa fitur Query Monitor tercantum di bawah ini

  • Kueri basis data, panggilan AJAX, permintaan REST API, dan pengalihan semuanya dapat dipantau.
  • Tentukan komponen WordPress mana yang bertanggung jawab untuk setiap permintaan.
  • Periksa berapa lama waktu yang dibutuhkan setiap permintaan untuk diproses dan data apa yang diambilnya.
  • Pemberitahuan tentang permintaan tertunda, kueri duplikat, dan bentuk masalah lainnya dikirimkan kepada Anda.

Kesimpulan

Sangat penting bagi situs web WordPress untuk memiliki database sendiri, yang berarti mereka juga harus memproses kueri. Mengawasi kueri tersebut adalah cara terbaik untuk memecahkan masalah dan menemukan apa yang dilakukan plugin dan tema di balik layar. Semakin kompleks situs Anda, semakin banyak kueri yang perlu ditangani.

Penting untuk mengawasi kueri duplikat, untuk menghindari masalah kompatibilitas. Hasil dapat dipecah oleh komponen juga. Dengan cara ini, Anda dapat melacak jumlah kueri yang dibuat oleh plugin dan tema dan kapan membutuhkan waktu lebih lama dari yang diharapkan.