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