การทำ Linting ประสิทธิภาพของเบราว์เซอร์ด้วย Feature-Policy

วิธีใช้เฮดเดอร์ Feature-Policy เพื่ออนุญาต/จำกัดความสามารถของเบราว์เซอร์

• oversized-images : ห้ามใช้รูปภาพที่มีขนาดเกินค่าที่กำหนด

• unoptimized-lossy-images : ห้ามใช้รูปภาพที่ยังไม่ได้ปรับแต่งประสิทธิภาพ

• unsized-media : รูปภาพที่ไม่ได้ระบุขนาดจะถูกบังคับให้กำหนดขนาด

• sync-script : ห้ามรันสคริปต์แบบ synchronous

• sync-xhr : ห้ามส่งคำขอ AJAX แบบ synchronous

• Opera / Edge / Chrome และอื่น ๆ รองรับแล้ว

• สามารถกำหนดให้เบราว์เซอร์ส่งเฮดเดอร์ดังกล่าวได้ด้วยส่วนขยาย Chrome ชื่อ ModHeader

[xguru]

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