Mã & Định dạng

Trình tạo Speculation Rules

Hãy tạo JSON Speculation Rules hợp lệ cho Prefetch và prerender; xác thực các cài đặt sẵn an toàn, mẫu URL và các tùy chọn eagerness trong trình duyệt của bạn.

Cấu hình Speculation Rules
Bắt đầu an toàn: Conservative Prefetch Trước tiên, hãy đo lường bằng prefetch ít rủi ro; sau đó mở rộng phạm vi prerender bằng cách thu hẹp theo dữ liệu điều hướng thực tế.
Hoạt động hoàn toàn trong trình duyệt

Cài đặt sẵn

Các cài đặt sẵn đồng thời thay đổi loại thao tác và độ nhạy kích hoạt.

Mức sử dụng tài nguyên thấp

Hành vi quy tắc

Chọn nội dung mà trình duyệt sẽ chuẩn bị, nguồn nào được sử dụng và thời điểm chuẩn bị.

Prerender cũng có thể thực thi mã JavaScript của trang đích.
Các mẫu được tự động áp dụng cho những liên kết phù hợp trên trang.
Việc kích hoạt sớm hơn có thể sử dụng nhiều băng thông và bộ xử lý hơn.

Phạm vi URL

Nhập một mẫu URLPattern hoặc một URL đích vào mỗi dòng.

Ví dụ: /blog/* hoặc /products/:slug
Nhất thiết phải loại trừ các đường dẫn phiên, thanh toán và thay đổi trạng thái.
Nhập danh sách bộ chọn CSS hợp lệ. Các liên kết khớp sẽ không được đưa vào quy tắc.

Cú pháp trực tiếp và Kiểm tra rủi ro

Cấu trúc JSON, các đầu vào URLPattern và lựa chọn mức tiêu thụ tài nguyên sẽ được kiểm tra ngay lập tức.

Hợp lệ

Mã được tạo

1 quy tắc · 1 đích/mẫu

Đang kiểm tra hỗ trợ trình duyệt…
Thông tin

Giới thiệu về Trình tạo Speculation Rules

Speculation Rules API, cho phép trình duyệt tải trước (prefetch) hoặc chuẩn bị hoàn toàn ở chế độ nền (prerender) đưa ra chỉ thị. Khi được sử dụng đúng cách, nó có thể tăng tốc đáng kể quá trình chuyển sang các trang tiếp theo; nếu được sử dụng quá rộng, nó có thể tiêu tốn không cần thiết băng thông, tài nguyên máy chủ và số liệu phân tích.

Công cụ này; conservative, moderate và aggressive tạo quy tắc từ các mẫu URLPattern hoặc danh sách URL rõ ràng bằng các giá trị cài đặt sẵn. Đầu ra ở dạng JSON thuần túy hoặc có thể thêm trực tiếp vào trang dưới dạng <script type="speculationrules"> Bạn có thể nhận dưới dạng. Cú pháp, bộ chọn loại trừ CSS và các tổ hợp rủi ro đều được kiểm tra hoàn toàn trong trình duyệt của bạn.

Các trình duyệt không hỗ trợ Speculation Rules sẽ bỏ qua loại script này; các liên kết thông thường vẫn tiếp tục hoạt động. Vì vậy, khi được thiết lập đúng cách, tính năng này là một lớp tăng tốc bổ sung và không thay thế luồng điều hướng hiện tại.

Cách sử dụng như thế nào?

Từng bước một

  1. Phù hợp với lưu lượng truy cập và mức sử dụng tài nguyên của bạn Conservative, Moderate hoặc Aggressive Chọn giá trị cài đặt sẵn.
  2. Nhẹ hơn về mặt xử lý prefetch hoặc tập lệnh chuẩn bị toàn bộ trang prerender thực hiện lựa chọn.
  3. Phạm vi Mẫu URL hoặc danh sách URL rõ ràng Xác định bằng; loại trừ các đường dẫn phiên, giỏ hàng và thanh toán.
  4. Khắc phục các cảnh báo về cú pháp và mức tiêu thụ tài nguyên trong khu vực xác thực trực tiếp.
  5. Hãy sao chép thẻ HTML hoặc đầu ra JSON được tạo, hoặc tải xuống dưới dạng tệp.
FAQ

Câu hỏi thường gặp

prefetch cho phép tài liệu đích được lấy trước từ mạng; không chạy trang. prerender thì tải và kết xuất trang đích như thể trang đang ở trong một tab không hiển thị. Prerender có thể giúp chuyển trang nhanh hơn, nhưng cần được sử dụng thận trọng vì JavaScript, các yêu cầu mạng và sự kiện phân tích có thể chạy trước khi nhấp.

conservative chờ đợi ý định mạnh mẽ từ người dùng; vừa phải sử dụng một tín hiệu như thời gian chờ ngắn trên liên kết. eager và đặc biệt là immediate có thể hoạt động sớm hơn và tiêu tốn nhiều tài nguyên hơn. Tuy vậy, trình duyệt vẫn có thể chọn không áp dụng một quy tắc tùy theo điều kiện trình duyệt, thiết bị và mạng.

WordPress 6.8 có thể mặc định gửi quy tắc prefetch conservative đến các trình duyệt hỗ trợ đối với những liên kết giao diện phù hợp. Trước tiên, hãy kiểm tra trong mã nguồn trang xem đã có type="speculationrules" kiểm tra tập lệnh. Nếu cần, thay vì thêm quy tắc thứ hai bị xung đột, hãy wp_speculation_rules_configuration Tùy chỉnh cấu hình cốt lõi bằng bộ lọc.

Loại script không được nhận diện và quy tắc bị bỏ qua. Thông thường trên trang <a href> các liên kết vẫn hoạt động mà không thay đổi; không cần polyfill JavaScript đặc biệt. Vì vậy, đừng chỉ liên kết các đích liên kết với Speculation Rules và hãy duy trì luồng điều hướng thông thường.

Loại trừ tất cả các đường dẫn đăng xuất, đăng nhập, giỏ hàng, thanh toán, tài khoản, quản trị, liên kết dùng một lần và những đường dẫn làm thay đổi trạng thái theo yêu cầu GET. Vì trang được kết xuất trước có thể chạy trước khi người dùng nhấp, chỉ nên sử dụng cho các trang an toàn, có tính lặp lại và không làm rò rỉ dữ liệu cá nhân.
Quay lại tất cả các công cụ miễn phí