ก่อนส่งมอบ ทีมต้องจัดทำเอกสาร API สถาปัตยกรรม runbook และข้อจำกัด จึงถามว่า เว็บแอปพลิเคชันมีหน้า Dashboard ที่โหลดข้อมูลจาก API หลายตัว ผู้ใช้รายงานว่าหน้าโหลดช้า นักพัฒนาควรตรวจสอบอะไรเป็นอันดับแรกด้วยเครื่องมือใด
กเปลี่ยน Hosting Provider เป็นตัวที่แรงขึ้นทันที
ขลบ CSS ทั้งหมดออกเพื่อดูว่าหน้าโหลดเร็วขึ้นหรือไม่
คใช้ Browser DevTools ตรวจสอบ Network Tab เพื่อดู Waterfall Chart ของ Request ทั้งหมดและระบุ Bottleneck
งตรวจสอบขนาดไฟล์ HTML โดยดูโค้ด Source โดยตรง
เฉลยอธิบาย
Browser DevTools Network Tab เป็นเครื่องมือมาตรฐานที่แสดง Waterfall Chart ของทุก HTTP Request ทำให้เห็นได้ว่า Request ใดใช้เวลานานที่สุด (Bottleneck) เช่น API ที่ช้า, ไฟล์ขนาดใหญ่, หรือ Request ที่ต้องรอกัน ก่อนตัดสินใจแก้ไข ตัวเลือก A ดูเฉพาะโค้ดแต่ไม่เห็น Performance จริง, ตัวเลือก C ทำลายการทดสอบเพราะเปลี่ยนตัวแปรอื่น, ตัวเลือก D แก้โดยไม่รู้สาเหตุที่แท้จริง