ควบคุมคำขอเครือข่ายแต่ละรายการ

Ewa Gasperowicz
Philip Pfaffe

ใช้แท็บเงื่อนไขคำขอเพื่อบล็อก URL ที่เฉพาะเจาะจงหรือใช้โปรไฟล์การควบคุมเครือข่ายที่กำหนดเองกับทรัพยากรแต่ละรายการ

ภาพรวม

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

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

ควบคุมหรือบล็อกคำขอ

หากต้องการบล็อกหรือควบคุมปริมาณการใช้ทรัพยากรที่เฉพาะเจาะจง ให้คลิกขวาที่คำขอในแผงเครือข่าย แล้วเลือกบล็อกคำขอหรือควบคุมปริมาณการใช้คำขอสำหรับ URL ที่แน่นอนหรือทั้งโดเมน การดำเนินการนี้จะเปิดลิ้นชักเงื่อนไขคำขอโดยอัตโนมัติ สร้างกฎใหม่สำหรับรายการ และใช้ข้อจำกัดของเครือข่ายที่เลือกทันที

ลิ้นชักเงื่อนไขคำขอ

ในลิ้นชักเงื่อนไขคำขอใหม่ คุณสามารถควบคุมคำขอที่ได้รับผลกระทบและกำหนดระดับการชะลอคำขอได้

ลิ้นชักเงื่อนไขคำขอในเครื่องมือสำหรับนักพัฒนาเว็บ

คุณปรับแต่งการตั้งค่าการจำกัดอัตราได้โดยเลือกค่าที่กำหนดล่วงหน้ามาตรฐาน (เช่น 3G ช้า) หรือโปรไฟล์ที่กำหนดเอง และแก้ไขรูปแบบ URL โดยใช้ไวลด์การ์ด (*) เพื่อใช้เงื่อนไขเหล่านี้กับทรัพยากรแบบไดนามิกที่เฉพาะเจาะจงหรือกลุ่มคำขอ

หากคำขอตรงกับรูปแบบหลายรูปแบบ DevTools จะใช้กฎแรกที่พบ คุณควบคุมลำดับความสำคัญนี้ได้โดยใช้ปุ่มลูกศรในลิ้นชักเพื่อย้ายกฎที่มีลำดับความสำคัญสูงไปไว้ที่ด้านบนของรายการ

ทำความเข้าใจว่าคำขอใดถูกจำกัดอัตราหรือถูกบล็อก

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

  • คำขอที่ถูกบล็อกจะแสดงเป็นสีแดงและสถานะจะเป็น (blocked:devtools) ในคอลัมน์สถานะ
  • คำขอที่ถูกจำกัดจะแสดงเป็นสีเหลืองหรือสีทอง และมีไอคอนนาฬิกาในคอลัมน์เวลา คุณวางเมาส์เหนือไอคอนเพื่อดูว่ามีการใช้เงื่อนไขเครือข่ายใด ซึ่งจะแสดงในแผงย่อย "เวลา" ด้วย

แผงเครือข่ายในเครื่องมือสำหรับนักพัฒนาเว็บแสดงตัวบ่งชี้คำขอที่ถูกบล็อกและถูกจำกัด

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

แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บที่แสดงตัวบ่งชี้คำขอที่ถูกจำกัด