Sofia Emelianova
เบราว์เซอร์จะแสดงเนื้อหาบางส่วนของหน้าเว็บก่อน แล้วค่อยแสดงเนื้อหาที่เหลือในภายหลัง Fetch Priority API ช่วยให้คุณส่งสัญญาณลำดับความสำคัญของการดึงข้อมูลเริ่มต้นของทรัพยากรที่สําคัญไปยังเบราว์เซอร์เพื่อเพิ่มประสิทธิภาพการโหลดทรัพยากร
ดูวิดีโอเพื่อดูวิธีดำเนินการต่อไปนี้
- ดูเมตริกการโหลด Largest Contentful Paint (LCP) ในแผงประสิทธิภาพ
- ดูลําดับความสําคัญเริ่มต้นและสุดท้ายในแผงเครือข่ายและแทร็กเครือข่ายของการติดตามประสิทธิภาพ
- ใช้การลบล้างเฉพาะที่เพื่อทดสอบแอตทริบิวต์
fetchpriorityในองค์ประกอบ<img>,<link>และ<script> - ดูความแตกต่างระหว่างแอตทริบิวต์
loadingกับfetchpriority - ดูกรณีที่ควรลดลําดับความสําคัญของทรัพยากร
รูปภาพ LCP จะได้รับประโยชน์จาก fetchpriority="high" อย่างชัดเจน อีกเคล็ดลับหนึ่งคือ หากเบราว์เซอร์เพิ่มลำดับความสำคัญของรูปภาพโดยอัตโนมัติ คุณก็ควรตั้งค่าลำดับความสำคัญนั้นตั้งแต่แรก
ดูข้อมูลเพิ่มเติมได้ที่