รหัสและรูปแบบ

ตัวสร้าง Speculation Rules

สร้าง Speculation Rules JSON ที่ถูกต้องสำหรับ Prefetch และ prerender แล้วตรวจสอบค่าที่ตั้งไว้ล่วงหน้าอย่างปลอดภัย รูปแบบ URL และตัวเลือก eagerness ในเบราว์เซอร์ของคุณ

การกำหนดค่า Speculation Rules
จุดเริ่มต้นที่ปลอดภัย: Conservative Prefetch เริ่มต้นด้วยการวัดผลด้วย prefetch ที่มีความเสี่ยงต่ำ แล้วค่อย ๆ เปิดใช้งานโดยจำกัดขอบเขตของ prerender ตามข้อมูลการนำทางจริง
ทำงานทั้งหมดบนเบราว์เซอร์

การตั้งค่าที่กำหนดไว้ล่วงหน้า

การตั้งค่าที่กำหนดไว้ล่วงหน้าจะเปลี่ยนทั้งประเภทการดำเนินการและความไวในการทริกเกอร์

ใช้ทรัพยากรต่ำ

ลักษณะการทำงานของกฎ

เลือกสิ่งที่เบราว์เซอร์จะเตรียม จากแหล่งใด และล่วงหน้าเร็วเพียงใด

Prerender ยังสามารถเรียกใช้โค้ด JavaScript ของหน้าปลายทางได้
ระบบจะนำรูปแบบไปใช้กับลิงก์ที่ตรงกันบนหน้าโดยอัตโนมัติ
การเรียกใช้เร็วขึ้นอาจใช้แบนด์วิดท์และหน่วยประมวลผลมากขึ้น

ขอบเขต URL

เขียนรูปแบบ URLPattern หรือ URL เป้าหมายหนึ่งรายการในแต่ละบรรทัด

ตัวอย่าง: /blog/* หรือ /products/:slug
อย่าลืมยกเว้นเส้นทางเซสชัน การชำระเงิน และเส้นทางที่เปลี่ยนแปลงสถานะ
เขียนรายการตัวเลือก CSS ที่ถูกต้อง ลิงก์ที่ตรงกันจะไม่ถูกรวมไว้ในกฎ

การตรวจสอบไวยากรณ์และความเสี่ยงแบบสด

โครงสร้าง JSON อินพุต URLPattern และตัวเลือกการใช้ทรัพยากรจะได้รับการตรวจสอบทันที

ถูกต้อง

โค้ดที่สร้างขึ้น

1 กฎ · 1 เป้าหมาย/รูปแบบ

กำลังตรวจสอบการรองรับเบราว์เซอร์…
ข้อมูล

เกี่ยวกับตัวสร้าง Speculation Rules

Speculation Rules API) เพื่อสั่งให้เบราว์เซอร์ดึงหน้าที่ผู้ใช้น่าจะเข้าชมถัดไปไว้ล่วงหน้า (prefetch) หรือการเตรียมทั้งหมดไว้เบื้องหลัง (prerender) เป็นคำสั่ง เมื่อใช้อย่างถูกต้องจะช่วยเร่งการเปลี่ยนไปยังหน้าถัดไปได้อย่างเห็นได้ชัด แต่หากใช้กว้างเกินความจำเป็น อาจใช้แบนด์วิดท์ ทรัพยากรเซิร์ฟเวอร์ และการวัดผลการวิเคราะห์โดยไม่จำเป็น

เครื่องมือนี้; conservative, moderate และ aggressive ใช้ค่าที่ตั้งไว้ล่วงหน้าเพื่อสร้างกฎจากรูปแบบ URLPattern หรือจากรายการ URL ที่เปิดเผย ผลลัพธ์อาจเป็น JSON แบบเรียบง่าย หรือ <script type="speculationrules"> สามารถรับได้ในรูปแบบ ไวยากรณ์ ตัวเลือกยกเว้น CSS และชุดค่าผสมที่มีความเสี่ยงจะได้รับการตรวจสอบทั้งหมดในเบราว์เซอร์ของคุณ

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

วิธีใช้งาน?

ทีละขั้นตอน

  1. เหมาะกับการใช้งานทราฟฟิกและทรัพยากรของคุณ อนุรักษนิยม ปานกลาง หรือเชิงรุก เลือกค่าที่ตั้งไว้ล่วงหน้า
  2. ใช้ทรัพยากรน้อยกว่าในการดำเนินการ prefetch หรือส่วนที่เตรียมหน้าเว็บทั้งหมด prerender เลือกใช้
  3. ขอบเขต รูปแบบ URL หรือ รายการ URL ที่เปิดเผย กำหนดด้วย และยกเว้นเส้นทางเซสชัน ตะกร้าสินค้า และการชำระเงิน
  4. แก้ไขคำเตือนด้านไวยากรณ์และการใช้ทรัพยากรในพื้นที่ตรวจสอบแบบสด
  5. คัดลอกป้ายกำกับ HTML ที่สร้างขึ้นหรือเอาต์พุต JSON หรือดาวน์โหลดเป็นไฟล์
คำถามที่พบบ่อย

คำถามที่พบบ่อย

prefetch ทำให้เอกสารเป้าหมายถูกเรียกจากเครือข่ายล่วงหน้า แต่จะไม่เรียกใช้หน้าเว็บ prerender หากเป็นเช่นนั้น ระบบจะโหลดและเรนเดอร์หน้าเป้าหมายเสมือนอยู่ในแท็บที่มองไม่เห็น Prerender อาจช่วยให้เปลี่ยนหน้าได้เร็วขึ้น แต่ควรใช้อย่างระมัดระวัง เนื่องจาก JavaScript คำขอเครือข่าย และเหตุการณ์การวิเคราะห์อาจทำงานก่อนการคลิก

conservative ต้องอาศัยเจตนาของผู้ใช้ที่ชัดเจน ปานกลาง ใช้สัญญาณ เช่น การรอช่วงสั้น ๆ บนลิงก์ eager และโดยเฉพาะ immediate อาจทำงานเร็วขึ้นและใช้ทรัพยากรมากขึ้น เบราว์เซอร์ยังคงอาจเลือกไม่ใช้กฎใดกฎหนึ่ง โดยขึ้นอยู่กับเงื่อนไขของเบราว์เซอร์ อุปกรณ์ และเครือข่าย

WordPress 6.8 สามารถส่งกฎ prefetch แบบ conservative ไปยังเบราว์เซอร์ที่รองรับเป็นค่าเริ่มต้นสำหรับลิงก์ส่วนหน้าที่เหมาะสม ก่อนอื่นให้ตรวจสอบว่ามีอยู่แล้วในซอร์สของหน้า type="speculationrules" ตรวจสอบสคริปต์ หากจำเป็น ให้ wp_speculation_rules_configuration ปรับแต่งการกำหนดค่าหลักด้วยตัวกรอง

ไม่รู้จักประเภทสคริปต์และจะไม่สนใจกฎดังกล่าว ส่วนปกติในหน้า <a href> ลิงก์ทำงานโดยไม่เปลี่ยนแปลง และไม่จำเป็นต้องใช้ JavaScript polyfill แบบพิเศษ ดังนั้นอย่าเชื่อมโยงเป้าหมายของลิงก์เข้ากับ Speculation Rules เพียงอย่างเดียว และรักษาลำดับการนำทางตามปกติไว้

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