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