آموزش افزونه Query Monitor در وردپرس

در این مقاله قصد داریم شما را با افزونه Query Monitor آشنا کنیم. اگر از وردپرس استفاده می‌کنید و تعداد زیادی افزونه نصب کرده‌اید ممکن است عملکرد سایت یا سرعت سایت مطلوب نباشد و شک داشته باشید که مشکل از افزونه هاست و یا مورد دیگری باعث این مشکل شده است. برای حل این مشکل شما می‌توانید از افزونه Query Monitor استفاده کنید.

افزونه Query Monitor یکی از پرکاربردترین افزونه‌های وردپرس است که کمک می کند که عملکرد و توسعه سایت وردپرس خود را آنالیز و در صورت وجود مشکل وب‌سایت خود را عیب‌یابی کنید. قبل تر در همگام وب مقاله‌ای برای عیب‌یابی و رفع خطا در وردپرس منتشر شده است، استفاده از افزونه Query Monitor نیز یکی از مراحل و اقدامات مفید به جهت عیب یابی سایت بوده که در این مقاله شما را با آموزش استفاده از افزونه Query Monitor را به شما آشنا می‌کنیم.

• دریافت افزونه از مخزن وردپرس
• آموزش نصب افزونه در وردپرس از طریق هاست، پیشخوان و یا Github
• مراحل عیب یابی و رفع خطا : رفع 90٪ از مشکلات و خطاهای وردپرس

پس از نصب افزونه، در نوار بالای پیشخوان وردپرس جزئیات مربوط به لود صفحه‌ای که در آن هستید را می‌توانید ببینید. کافیست بر روی گزینه افزونه‌ها کلیک کنید و تعداد پرس‌و‌جوهای (Query) اجرا شده در صفحه فعلی در زمان بارگیری فیلترها بر اساس نوع Query و جزئیات مختلفی را مشاهده کنید. افزونه Query Monitor به شما امکان آنالیز و عیب‌یابی بخش‌های مختلف سایت از جمله موارد زیر را می دهد:

• Database queries
• PHP errors
• WordPress admin pages
• HTTP API calls
• Lined scripts and styles
• Hooks and actions
• Theme template files
• Languages and translations
• Rewrite the rules
• Block editor blocks
• General information of the environment
• WordPress admin pages

یکی از محدودیت های افزونه Query Monitor این است که برای عیب‌یابی و آنالیز در همان لحظه است و وقتی برای مثال Database queries را به شما نشان می دهد، این زمان مشخص شده را فقط برای بارگذاری صفحه فعلی و در لحظه انجام می دهد. در ادامه مقاله آموزش افزونه Query Monitor تمامی موارد به شما آموزش داده می‌شود.

تب Overview جزئیات بیشتر از Admin bar و همینطور اطلاعات کلی محیط را ارائه می دهد

برگه Queries به شما امکان می دهد تا در کوئری‌های پایگاه‌داده وردپرس برای صفحه‌ای که در حال مشاهده آن هستید، جستجو و با دنبال رفع مشکل احتمالی باشید. برگه Queries یکی از پر غنی‌ترین بخش‌ها درافزونه Query Monitor است. به طور معمول برای هر Queries اطلاعات زیر را مشاهده می کنید:

• Complete query
• Caller request
• Query component
• Number of rows
• The time the query took

همچنین افزونه Query Monitor سایت شما را بر اساس قالب و افزونه‌های نصب شده آنالیز می‌کند تا بتوانید تأثیر هر افزونه را مشاهده کنید. برای مثال یک افزونه خاص باعث ایجاد یک کوئری غیربهینه با سرعت پایین برای بارگذاری شده است در این حالت برای رفع این مشکل یا بهینه‌سازی بخشی در تنظیمات افزونه یا پیکربندی سرور یا با جایگزین کردن یک افزونه مناسب مشکل شما رفع خواهد شد.

اگر می‌خواهید درباره یک کوئری خاص اطلاعات بیشتری کسب کنید، روی علامت بعلاوه که در عکس زیر مشخص شده است کلیک کنید تا اطلاعات دقیق‌تری را مشاهده کنید.

توجه داشته باشید ممکن است اعداد و زمان مشخص شده در این بخش صحیح نباشند چرا که ممکن است درخواست‌های یک افزونه در حافظه پنهان ذخیره و کش شوند، پس بهتر است به هنگام بررسی کش سایت را غیرفعال کنید.

در ادامه مقاله آموزش Query Monitor با چند منوی فرعی آشنا می شویم که به شما کمک می کند انواع خاصی از Queries را پیدا کنید:

• Duplicate queries
• Query by the caller
• Query by component

منوی Duplicate Queries با مشخص کردن Duplicate Queries و همینطور فهرست کردن Possible problems به شما کمک می کند مشکلات سایت خود را عیب‌یابی کنید و رفع کنید.

منوی Queries by Caller به شما امکان می دهد همه توابع درخواست کننده کوئری را در این صفحه مشاهده کنید. اگر روی یکی از گزینه‌ها کلیک کنید، می‌توانید فهرستی از درخواست‌های آن تماس‌گیرنده(مثال تابعی که یک کوئری را صدا می‌زند) را ببینید.

منوی Queries by Component فهرستی از تمام اجزایی که پرس‌وجو کرده‌اند، از جمله هسته وردپرس، قالب و افزونه‌ها را نشان می‌دهد. می‌توانید روی یک گزینه کلیک کنید تا تمام درخواست‌های آن را مشاهده کنید. در واقع این یکی از با ارزش‌ترین گزارش‌ها در افزونه کوئری مانیتور است زیرا به شما امکان می دهد پلاگین‌هایی که با Slow queries سرعت سایت شما را کاهش می‌دهند پیدا کنید.

تب Logs یک تب پیشرفته است که به شما امکان می دهد، پیام‌ها و متغیرهای خود را برای ورود تنظیم کنید. این کار می تواند به شما کمک کند تا مشکلات فنی را برطرف کرده و سایت خود را به صورت دقیقتری زیر نظر داشته باشید تا از بروز مشکل احتمالی جلوگیری کنید. هنگامی که برای اولین بار افزونه Query Monitor را نصب می کنید، این برگه چیزی را نشان نمی دهد زیرا هیچ تغییراتی برای ورود به سیستم تنظیم نکرده اید. با این حال، اگر می خواهید تغییراتی را تنظیم کنید، می توانید این کار را با استفاده از یک دستورکد ساده انجام دهید:

do_action( 'qm/debug', 'This happened!' );

همچنین افزونه Query Monitor از قلاب‌های زیر نیز پشتیبانی می‌کند که به شما امکان می دهد مشکلات را در سطوح مختلف ثبت کنید:

• qm/emergency
• qm/alert
• qm/critical
• qm/error
• qm/warning
• qm/notice
• qm/info
• qm/debug

تب درخواست تغییرات و کوئری‌های ثبت شده به درخواست فعلی نشان می دهد. منوهای فرعی نیز برای مشاهده سرصفحه‌های درخواست و سرصفحه‌های پاسخ وجود دارد که احتمالاً برای عیب‌یابی مفیدتر هستند.

برای مثال شاید بخواهید عملکرد حافظه پنهان یا عملکرد CDN را عیب‌یابی کنید. در منوی فرعی Response Headers، می‌توانید رفتار Cache-Control را ببینید که به شما امکان می‌دهد حافظه پنهان مرورگر را درسایت خود عیب‌یابی کنید.

تب Block تنها زمانی قابل مشاهده است که در صفحه‌ای باشید که با ویرایشگر Native block وردپرس ساخته شده است. در این شرایط، این صفحه هر Block جداگانه در صفحه را به همراه اطلاعات دقیق در مورد آن Block فهرست می‌کند .

تب Template نیز تنها در صورتی قابل مشاهده خواهد بود که از افزونه Query Monitor در قسمت Front-End سایت خود استفاده کنید. این کاربه شما کمک می کند سلسله مراتب قالب را برای صفحه ای که در آن مشاهده می کنید عیب یابی کنید .می توانید فایل قالب خاص آن صفحه و قسمت های مختلف قالب و کلاس های مختلف را مشاهده کنید.

تب Admin Screen تنها در صورتی قابل مشاهده خواهد بود که از افزونه Query Monitor در داشبورد مدیریت وردپرس استفاده کنید.

برگه Scripts یکی از مفیدترین بخش‌های عیب‌یابی در افزونه Query Monitor است. این تب هر script جاوا اسکریپت در حال اجرا را در صفحه را نمایش می‌دهد.

• ترکیب فایل های JS و CSS + چه مواقع از این تکنیک استفاده نکنیم؟

تب Styles نیز مانند تب Scripts است، اما به جای جاوااسکریپت، فایل‌های CSS نشان می‌دهد. استفاده از این تب نیز مشخص می‌کند چه افزونه‌هایی فایل‌های بیشتر و سنگین‌تری را در Front سایت شما بارگذاری می‌کنند.

تب Hooks & Actions صفحه فعلی را به همراه قلاب‌های (Hooks) استفاده شده در صفحه به همراه priority یا اولویت هر hook را فهرست می‌کند. این تب بیشتر برای سفارشی سازی و طراحی مورد استفاده قرار می‌گیرد.

تب Languages زبان و متن موجود در سایت شما و فایل زبان مورد استفاده برای هر افزونه یا قالب را به شما نشان می دهد. اگر سایت شما چند زبانه نباشد این تب کارایی خاصی ندارد.

تب HTTP API calls همه درخواست‌های HTTP سمت سرور (از جمله جزئیات درخواست، زمان‌بندی و کد وضعیت HTTP) را که در طول بارگیری صفحه درخواست شده است را به شما نشان می‌دهد. اگر درخواست‌های ارسالی از سمت یک افزونه یا قالب کند باشد این تب برای بررسی این موضوع بسیار کاربردی خواهد بود.

تب Check capabilities به شما امکان می‌دهد ببینید کدام قابلیت‌های کاربر می‌توانند به محتوای فعلی که در حال مشاهده آن هستید دسترسی داشته باشند. البته این ویژگی طور پیش‌فرض غیرفعال است و برای فعال کردن آن، باید فایل wp-config.php را ویرایش کنید و کد زیر را به آن اضافه کنید:

define( 'QM_ENABLE_CAPS_PANEL', true );

• آموزش ویرایش فایل در هاست – مدیریت فایل های هاست

تب Environment خلاصه ای دقیق از اطلاعات سایت شما را ارائه می دهد، این اطلاعت شامل مواردی چون PHP، سرور، پایگاه داده وردپرس و برخی اطلاعات مهم دیگر از جمله debug و نسخه وردپرس بوده که می‌تواند برای اجام سفارشی سازی و هر مورد دیگری بسیار مفید باشد.

تب Conditionals به شما کمک می کند تا ببینید کدامیک از توابع شرطی در صفحه مورد نظر شما اعمال می‌شود، که می تواند در توسعه و سفارشی سازی وردپرس بسیار مفید باشد. شما می توانید هر دو شرط true و false را مشاهده کنید.

ممکن است بخواهید اطلاعات افزونه Query Monitor را به عنوان یک نقش کاربری متفاوت یا به عنوان یک کاربر معمولی مشاهده کنید. برای انجام این کار باید یک کوکی احراز هویت (authentication cookie) در مرورگر خود تنظیم کنید. برای تنظیم کوکی احراز هویت، روی نماد چرخ دنده در گوشه سمت راست بالای افزونه Query Monitor کلیک کنید. سپس، روی دکمه Set authentication cookie کلیک کنید .

همچنین برای غیرفعال کردن حالت authentication cookie، می توانید به این قسمت بازگردید و روی دکمه Delete authentication cookie کلیک کنید تا کوکی حذف شود.

در مقاله آموزش افزونه query monitor با ویژگی‌ها و قابلیت‌های این افزونه به صورت مختصر آشنا شدید. در حالی که افزونه Query Monitor یک ابزار قدرتمند برای عیب‌یابی وردپرس است، اما مطمئنا نمی‌تواند همه مشکلات را پوشش دهد. ابزارهای مفید دیگری وجود دارند که باید برای تجزیه و تحلیل بخش‌های مختلف سایت لازم است از آنها استفاده کنید، مواردی چون بخش کنسول مرورگر، بخش عیب‌یابی و دیباگ موجود در وردپرس و موارد دیگر که همگی می‌توانند در بهبود عملکرد وب‌سایت شما نقش مهمی را ایفا کنند.