ปลั๊กอินการตรวจสอบแบบสอบถาม

เมื่อใดก็ตามที่เว็บไซต์ WordPress โหลด มีหลายสิ่งที่เกิดขึ้นเบื้องหลังเนื่องจากข้อมูลถูกดึงออกจากฐานข้อมูลและหน้าจะถูกสร้างขึ้นและโหลดแล้ว เนื่องจากข้อความค้นหาเหล่านี้ดึงข้อมูลจากฐานข้อมูล และสามารถเกี่ยวข้องกับทุกธีม ปลั๊กอิน และไฟล์หลัก จึงมีประโยชน์อย่างเหลือเชื่อหากสามารถตรวจสอบได้ด้วยวิธีใดวิธีหนึ่ง ทักทายกับปลั๊กอิน Query Monitor

ปลั๊กอิน Query Monitor เป็นหนึ่งในเครื่องมือยอดนิยมสำหรับ (คุณเดาได้) ตรวจสอบข้อความค้นหา WordPress ด้วยทีมงานเฉพาะที่ให้การสนับสนุนที่ดีเยี่ยมและการอัปเดตอย่างสม่ำเสมอ ปลั๊กอิน Query Monitor จึงให้ความช่วยเหลือที่ทรงคุณค่าแก่นักพัฒนาเว็บเมื่อทำการดีบักเว็บไซต์

มาดูปลั๊กอิน Query Monitor กันดีกว่า และดูว่าสามารถใช้งานได้อย่างไร

ขอแนะนำปลั๊กอิน Query Monitor

Query Monitor เป็นเครื่องมือแก้ไขข้อบกพร่องของ WordPress ฟรี เช่นเดียวกับปลั๊กอิน WordPress ทั้งหมด คุณสามารถติดตั้ง Query Monitor ได้จากส่วนผู้ดูแลระบบปลั๊กอิน

เมื่อติดตั้งและเปิดใช้งานปลั๊กอินแล้ว กลุ่มตัวเลขจะปรากฏขึ้นในทุกหน้าที่คุณเข้าชม (ทั้งในมุมมองส่วนหน้าและส่วนหลัง) ซึ่งจะให้รายละเอียดเกี่ยวกับสถิติการโหลดของหน้าปัจจุบัน ตัวเลข 4 ตัวนี้แสดงเวลาในการสร้างเพจ การใช้หน่วยความจำ PHP เวลาสืบค้นฐานข้อมูล และจำนวนการสืบค้น

หากคุณวางเมาส์เหนือตัวเลขเหล่านี้ เมนูแบบเลื่อนลงจะปรากฏขึ้นพร้อมลิงก์ไปยังข้อมูลเพิ่มเติม

เมื่อคุณคลิกลิงก์ใดๆ เหล่านี้ หน้าต่างจะปรากฏขึ้นที่ด้านล่างของหน้าพร้อมเมนูแถบด้านข้างที่เหมือนกับเมนูด้านบน ซึ่งคุณสามารถใช้กรองผลลัพธ์ได้ ภาพหน้าจอด้านล่างแสดงผลลัพธ์บางส่วนสำหรับตัวเลือก 'Hooks & Actions':

แท็บสุดท้ายบนเมนูเรียกว่า 'เงื่อนไข' และไม่เหมือนกันสำหรับทุกหน้า ตัวอย่างเช่น ในแบ็กเอนด์จะแสดงดังนี้:

แต่ถ้าคุณดูเมนูเดียวกันที่ส่วนหน้าของเว็บไซต์ คุณจะเห็นข้อมูลที่แตกต่างออกไปเมื่อมีการใช้เงื่อนไขอื่น:

แท็บนี้สามารถเป็นเครื่องมือที่ยอดเยี่ยมเมื่อคุณต้องการระบุแท็กเงื่อนไขหรือ hook ที่ถูกต้องเพื่อใช้เมื่อเพิ่มฟังก์ชันปลั๊กอินหรือธีมใหม่

ปลั๊กอิน Query Monitor ทำอะไรได้บ้าง

เมื่อคุณเยี่ยมชมหน้า WordPress ใดๆ (ไม่ว่าจะจากภายในพื้นที่ผู้ดูแลระบบหรือส่วนหน้า) ปลั๊กอินจะรวบรวมกระบวนการ WordPress ทั้งหมดที่เกิดขึ้นทั้งบนเซิร์ฟเวอร์และระหว่างเซิร์ฟเวอร์และเบราว์เซอร์ของผู้เยี่ยมชม เพื่อแสดงให้คุณเห็น จะสร้างรายงานที่อ่านง่ายซึ่งสามารถดูได้ตามที่แสดงด้านบน

เนื่องจากใช้งานได้ในทุกหน้าของเว็บไซต์ของคุณ (ทั้งจากภายในผู้ดูแลระบบและส่วนหน้า) คุณสามารถใช้เพื่อแก้ไขจุดบกพร่องของกระบวนการส่วนหน้าหรือส่วนหลังได้ ซึ่งอาจครอบคลุมตั้งแต่การระบุและการดีบักการสืบค้นฐานข้อมูลที่ช้า การเรียก AJAX คำขอ REST API และอื่นๆ อีกมากมาย ข้อมูลที่ให้ไว้มีประโยชน์อย่างมากในการพยายามระบุปัญหาเฉพาะ และสามารถแก้ไขปัญหาได้เร็วขึ้นอย่างมาก

ตัวอย่างการตรวจสอบแบบสอบถามบางส่วน

มีหลายกรณีที่การใช้ Query Monitor สามารถช่วยได้ ตัวอย่างเช่น การตรวจสอบการขึ้นต่อกันของสคริปต์ การขอเกี่ยวของ WordPress รายละเอียดสภาพแวดล้อมการโฮสต์ และแท็กการสืบค้นแบบมีเงื่อนไขสามารถช่วยในการแก้ปัญหาได้มากมาย เราจะมาดูการใช้งานทั่วไปบางส่วนด้านล่างโดยย่อ

การแก้ไขปัญหาข้อผิดพลาดทางไวยากรณ์

สำหรับจุดประสงค์ของตัวอย่างนี้ เราใช้แบบสอบถาม SQL แบบกำหนดเองในเทมเพลตของโพสต์เดียว

 //// 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;

เมื่อเรารีเฟรชหน้า เราจะเห็นว่าไม่มีผลลัพธ์สำหรับเอาต์พุตการพิมพ์ PHP นอกจากนี้ แท็บ Query Monitor ก็เปลี่ยนเป็นสีแดง

หากคุณวางเมาส์เหนือคำเตือน คำเตือนที่มีรายละเอียดมากขึ้นจะแสดงข้อความว่า 'ข้อผิดพลาดของฐานข้อมูล (1)' คลิกที่นี่และคุณจะเห็นข้อผิดพลาดโดยละเอียดซึ่งช่วยให้คุณเข้าใจข้อผิดพลาดทางไวยากรณ์

ตอนนี้ หากคุณแก้ไขข้อผิดพลาดและโหลดหน้าซ้ำ คำเตือนควรหายไป

อย่างที่คุณเห็น เราพบสาเหตุของปัญหาอย่างรวดเร็วโดยใช้ปลั๊กอิน Query Monitor หากไม่มีความสามารถในการตรวจสอบข้อความค้นหาในลักษณะนี้ อาจต้องใช้เวลาหลายชั่วโมงในการพยายามหาสาเหตุว่าทำไมคุณถึงไม่มีเอาต์พุตเสียงสะท้อน และยังไม่เห็น “_” พิเศษที่ควรนำออก

คำขอ HTTP ทำให้เวลาในการโหลดเว็บไซต์ช้าลง

ปลั๊กอินจำนวนมากมักจะใช้ทรัพยากรภายนอกมากเกินไปโดยส่งคำขอจำนวนมากไปยัง API ภายนอก การทำเช่นนี้อาจทำให้ไซต์และปลั๊กอินของคุณช้าลงซึ่งควรหลีกเลี่ยงหากเป็นไปได้

Google Analytics หรือปลั๊กอินความคิดเห็น เช่น Disqus, Jetpack หรือ Facebook Comments เป็นปลั๊กอินที่ทำสิ่งนี้

สคริปต์ภายนอกดึงคำขอจากเว็บไซต์อื่น ไม่จำเป็นว่าเลวร้าย (เว็บไซต์ WordPress ใด ๆ มีแนวโน้มที่จะใช้แหล่งข้อมูลภายนอกบางส่วน) แต่เมื่อคุณใช้ปลั๊กอินหรือสคริปต์ที่ขอทรัพยากรภายนอกหลาย ๆ อย่าง สิ่งสำคัญคือต้องแน่ใจว่าคุณต้องการมันจริงๆ และคุณใช้วิธีแก้ปัญหาที่ดีที่สุดเพื่อลดการโทรภายนอก

คุณสามารถเห็นความแตกต่างได้ด้วยตัวเองโดยการอัปโหลดสคริปต์ jQuery บนเซิร์ฟเวอร์ภายนอก ดูเวลาของคำขอโดยใช้แท็บ 'คำขอ' และ 'การเรียก HTTP API' ของ Query Monitor จากนั้นโหลดสคริปต์ jQuery ลงบนเซิร์ฟเวอร์ของคุณและให้เว็บไซต์ของคุณเรียกมันจากตำแหน่งภายในใหม่นี้ คุณอาจแปลกใจเมื่อเปรียบเทียบความแตกต่างระหว่างเวลาคำขอภายนอกและภายใน

ใช้เครื่องมือเหล่านี้เพื่อชำระเงินปลั๊กอินที่คุณใช้เพื่อดูว่าปลั๊กอินเหล่านี้ทำให้เว็บไซต์ของคุณช้าลงหรือไม่

เทมเพลตธีม

ปลั๊กอิน Monitor ยังมีประโยชน์สำหรับนักพัฒนาธีม เนื่องจากสามารถดูลำดับชั้นของเทมเพลตและไฟล์ PHP ที่ใช้สร้างหน้าเว็บไซต์ของคุณได้

เจ๋งใช่มั้ย? ข้อมูลทั้งหมดที่ปลายนิ้วของคุณ ชื่อธีมที่แอ็คทีฟ คลาสเนื้อหาสำหรับคำขอปัจจุบัน ทุกส่วนของเทมเพลตที่โหลด (หรือไม่ได้โหลด) สำหรับเพจปัจจุบัน และชื่อไฟล์เทมเพลตและลำดับชั้น

บทสรุป

การมีเครื่องมือที่เหมาะสมจะทำให้งานของนักพัฒนาง่ายขึ้นมาก และปลั๊กอิน Query Monitor ก็เป็นอีกหนึ่งตัวเลือกที่คุณสามารถเพิ่มลงในชุดเครื่องมือได้อย่างแน่นอน! ใช้ประโยชน์สูงสุดจากปลั๊กอินเพื่อตรวจสอบทรัพยากรที่ใช้ เช่น หน่วยความจำหรือเนื้อหาที่แคช หรือติดตามปลั๊กอินที่ทำให้เกิดปัญหาด้านประสิทธิภาพสำหรับเว็บไซต์ของคุณ

หากคุณต้องการข้อมูลเพิ่มเติมเกี่ยวกับการใช้ Query Monitor โปรดดูที่หน้า GitHub ซึ่งมีรายการคุณสมบัติทั้งหมด มีความสุขในการแก้จุดบกพร่อง!