ทำไมรูปภาพหนึ่งจึงล้มเหลวขณะที่ส่วนที่เหลือของหน้าโหลดได้
เงื่อนไขสามข้อแยกความผิดพลาดของเครือข่ายออกจากคำขอที่ถูกบล็อกและข้อผิดพลาดในการแสดงผล ค้นหา URL ที่เบราว์เซอร์เลือกก่อนเปลี่ยนเส้นทาง
หน้าโหลดขึ้น ข้อความแสดงออกมา แต่รูปภาพหนึ่งยังเป็นไอคอนที่แตก ปฏิกิริยาแรกคือโทษอุโมงค์ เพราะอุโมงค์คือสิ่งที่เปลี่ยนไป ก่อนจะทำเช่นนั้น ให้ค้นหาก่อนว่าเบราว์เซอร์ขอ URL ใดจริง ๆ สำหรับภาพนั้น เพราะ URL ของหน้าและ URL ของภาพเป็นหลักฐานคนละชิ้น รายงานภาพหายส่วนใหญ่ลงเอยที่โฮสต์ที่ไม่เคยได้รับคำขอที่ทำงานได้ และคำตอบนั้นใช้เพียงการดูแผงเครือข่ายครั้งเดียว
เงื่อนไขสามข้อกำหนดว่าควรมองที่ใด
เงื่อนไขแรกคือภาพมาจากโฮสต์เดียวกับหน้าหรือไม่ โฮสต์ภาพแยกต่างหากต้องมีการแปลงชื่อ การเชื่อมต่อ และอัตลักษณ์ TLS ของตัวเอง หน้าที่โหลดขึ้นมาจึงไม่ได้บอกอะไรเกี่ยวกับโฮสต์นั้นเลย
เงื่อนไขที่สองคือเบราว์เซอร์บล็อกคำขอก่อนส่งหรือไม่ เนื้อหาแบบผสม นโยบายความปลอดภัยของเนื้อหา และกฎผู้อ้างอิงสามารถหยุดภาพได้โดยไม่สร้างการตอบกลับปกติจากเซิร์ฟเวอร์ จึงไม่มีคำขอที่ล้มเหลวปรากฏในรายการ
เงื่อนไขที่สามคือการส่งสำเร็จแต่การแสดงผลล้มเหลว กรณีที่ไบต์มาถึงแต่ภาพยังไม่ปรากฏ เงื่อนไขทั้งสามข้อนี้มีเจ้าของสามรายต่างกัน และมีเพียงข้อแรกเท่านั้นที่เป็นคำถามเรื่องเครือข่าย
| What you see | Where the fault sits |
|---|---|
| Request absent from the list | Markup, lazy loading or a policy that blocked it |
| Request failed or timed out | Resolution, route, TLS or the image host itself |
| Request returned 200, image blank | Response type, decoding or rendering |
ค้นหาทรัพยากรที่เบราว์เซอร์เลือกจริง
URL ที่คุณเห็นในซอร์สโค้ดของหน้ามักไม่ใช่ URL ที่ถูกขอ ชุดซอร์ส องค์ประกอบ picture และพื้นหลัง CSS ทั้งหมดเปิดทางให้เบราว์เซอร์เลือกทรัพยากรอื่นตามความกว้างของวิวพอร์ต ความหนาแน่นของพิกเซล หรือการรองรับรูปแบบ ภาพที่โหลดแบบหน่วงอาจไม่ถูกขอเลยจนกว่าเพจจะถึงสถานะหนึ่ง
ตรวจสอบองค์ประกอบและคำขอไปด้วยกัน และเก็บผู้เริ่มต้นไว้กับคำขอเมื่อรายงานปัญหา เอกสารอ้างอิงองค์ประกอบภาพของ MDN ครอบคลุมการเลือกซอร์ส พฤติกรรมการโหลด และการควบคุมผู้อ้างอิงไว้ในที่เดียว ซึ่งเพียงพอต่อการระบุว่าแอตทริบิวต์ใดเลือก URL ที่ล้มเหลว
บันทึกชื่อโฮสต์ สถานะ ห่วงโซ่การเปลี่ยนเส้นทางใด ๆ และชนิดเนื้อหาของการตอบกลับ การตอบกลับ 200 ที่คืนหน้าล็อกอินไม่ใช่ภาพที่ใช้ได้ และการเปลี่ยนเส้นทางไปยังหน้าแสดงข้อผิดพลาด HTML ก็ดูเหมือนไฟล์ที่เสียหายจนกว่าคุณจะอ่านชนิด
อ่านสถานะก่อนเครือข่าย
การหมดเวลา คำขอที่ถูกปฏิเสธ และข้อผิดพลาดในการถอดรหัสต้องใช้ขั้นตอนถัดไปต่างกัน และรหัสสถานะคือสิ่งที่แยกทั้งสามออกจากกัน การหมดเวลาชี้ไปที่การแปลงชื่อ เส้นทาง หรือโฮสต์ที่ไม่ตอบสนอง คำขอที่ถูกปฏิเสธชี้ไปที่นโยบายหรือชั้นการอนุญาต ข้อผิดพลาดในการถอดรหัสชี้ไปที่ไบต์หรือรูปแบบ
ถ้าคำขอไม่ปรากฏเลย ให้หยุดดูเครือข่ายแล้วดูมาร์กอัป สาเหตุที่พบบ่อยที่สุดคือรายการในชุดซอร์สที่เบราว์เซอร์ชอบและไม่มีอยู่บนเซิร์ฟเวอร์อีกต่อไป ตามด้วยองค์ประกอบที่สคริปต์ไม่เคยทำให้มองเห็น
ความแตกต่างนี้เพียงอย่างเดียวก็ป้องกันการเสียแรงเปล่าส่วนใหญ่ในรายงานประเภทนี้
เมื่อเบราว์เซอร์บล็อก ก็ไม่มีการตอบกลับให้อ่าน
เนื้อหาแบบผสมเป็นกรณีคลาสสิก หน้า HTTPS ที่ขอภาพผ่าน HTTP ธรรมดาจะถูกบล็อกคำขอแทนที่จะล้มเหลว และคอนโซลบันทึกเหตุผลไว้ นโยบายความปลอดภัยของเนื้อหาก็ให้รูปแบบเดียวกัน โดยระบุคำสั่งที่ถูกบล็อกไว้ในข้อความ นโยบายผู้อ้างอิงที่ตัดส่วนหัวออกอาจทำให้โฮสต์ที่ป้องกันฮอตลิงก์คืนค่าตัวแทนแทนภาพได้เช่นกัน
อ่านเหตุผลที่บันทึกไว้ก่อนแตะเส้นทางเครือข่าย เพราะการบล็อกเหล่านี้ไม่ดีขึ้นเมื่อเส้นทางเปลี่ยน การเพิ่มสิทธิ์ข้ามต้นทางก็ไม่ใช่ทางแก้ การแสดงภาพจากโฮสต์อื่นและการอ่านพิกเซลใน canvas เป็นการดำเนินการคนละอย่าง และมีเพียงอย่างหลังเท่านั้นที่ต้องใช้ส่วนหัวที่ผู้คนนำมาวาง
สำหรับไซต์ที่คุณดูแล ให้แก้ URL ของทรัพยากร การตอบกลับ หรือนโยบายที่เจ้าของ และรักษาข้อกำหนดด้านการอนุญาตและผู้อ้างอิงไว้ให้ครบถ้วน สำหรับไซต์ที่คุณไม่ได้ควบคุม ให้ส่งหน้าและหลักฐานของคำขอไปยังช่องทางสนับสนุนของไซต์นั้น แทนที่จะเผยแพร่ลิงก์ทรัพยากรส่วนตัวหรือที่หมดอายุซ้ำ
เปรียบเทียบเส้นทางโดยไม่เปลี่ยนหลักฐาน
ถ้าอยากทดสอบเส้นทางการเข้าถึงจริง ๆ ให้ตรึงทุกอย่างอื่นไว้ให้คงที่ หน้าเดิม บัญชีเดิม ภาพที่เลือกเดิม และเปลี่ยนเส้นทางที่อนุญาตเพียงหนึ่งเส้นทาง เปรียบเทียบรายการคำขอเคียงข้างกันแทนผลลัพธ์ที่แสดงผล เพราะผลลัพธ์ที่แสดงบอกว่าภาพปรากฏหรือไม่ ไม่ได้บอกว่าเพราะอะไร
ภาพที่โหลดได้บนเส้นทางใหม่ไม่ได้พิสูจน์ว่าเส้นทางนั้นได้รับอนุญาต และภาพที่ยังแตกอยู่ก็ไม่ได้พิสูจน์ว่าอุโมงค์เป็นฝ่ายผิด ถ้าภาพถูกลบหรือการเข้าถึงถูกจำกัดโดยเจตนา ให้ใช้ทางเลือกที่รองรับ แทนการปิดการตรวจสอบใบรับรองหรือคัดลอกวัสดุที่ได้รับการป้องกันของผู้อื่น
ลำดับงานคือ ระบุ URL ที่เลือก อ่านสถานะและชนิด ตรวจสอบว่ามีเหตุผลการบล็อกที่บันทึกไว้หรือไม่ แล้วจึงเปรียบเทียบการเปลี่ยนเส้นทางทีละครั้ง