เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของการนำทางแบบคาดเดาเพื่อให้โหลดหน้าเว็บได้เร็วขึ้น

Sofia Emelianova
Sofia Emelianova

Speculation Rules API ช่วยให้คุณโหลดหน้าเว็บได้เกือบจะทันทีตามกฎการคาดเดาที่คุณกำหนด ซึ่งจะช่วยให้เว็บไซต์สามารถแสดงผลล่วงหน้าและแสดงผลหน้าเว็บที่มีการไปยังหน้าเว็บส่วนใหญ่ล่วงหน้า

ดูวิดีโอและเดโมนี้เพื่อดูวิธีดำเนินการต่อไปนี้

  • ตรวจสอบการคาดการณ์ กฎ และสถานะในการแอปพลิเคชัน > บริการที่ทำงานอยู่เบื้องหลัง > การโหลดแบบคาดการณ์
  • สลับระหว่างการแสดงผลผ่านเมนูแบบเลื่อนลงในแถบการดำเนินการที่ด้านบน และตรวจสอบการแสดงผลโดยใช้แผง DevTools ทั้งหมด
  • สถานะการพรีเรนเดอร์การติดตามแบบเรียลไทม์

คุณรู้ได้อย่างไรว่าผู้ใช้จะคลิกที่ใดต่อ Chrome 121 สามารถรับลิงก์ทั้งหมดจากเอกสารแทนรายการแบบคงที่ได้แล้ว และจะแสดงผลล่วงหน้าเฉพาะเมื่อผู้ใช้วางเมาส์เหนือลิงก์และกำลังจะคลิกเท่านั้น เพื่อช่วยให้คุณได้รับประโยชน์สูงสุดจากการโหลดโดยประมาณ

ดูส่วนสุดท้ายของวิดีโอเพื่อดูวิธีใช้และแก้ไขข้อบกพร่องของกฎเอกสารที่ทริกเกอร์การแสดงผลล่วงหน้าในเหตุการณ์การโฮเวอร์หรือ mousedown เหตุการณ์เหล่านี้ช่วยให้โหลดหน้าเว็บได้เร็วขึ้นเล็กน้อยก่อนที่จะมีการนําทาง ดูฟีเจอร์นี้ในเดโมนี้

ดูข้อมูลเพิ่มเติมได้ที่