Kiểm thử bộ nhớ đệm cho thao tác tiến/lùi

Sofia Emelianova
Sofia Emelianova
GitHub

Hướng dẫn này cho bạn biết cách sử dụng Công cụ của Chrome cho nhà phát triển để thực hiện những việc sau:

  • Kiểm tra xem bạn đã tối ưu hoá trang để tải tức thì khi sử dụng các nút quay lại và chuyển tiếp của trình duyệt hay chưa.
  • Xác định những vấn đề có thể khiến trang của bạn không đủ điều kiện sử dụng loại hình lưu vào bộ nhớ đệm này.

Bộ nhớ đệm cho thao tác tiến/lùi (hoặc bfcache) là một tính năng tối ưu hoá của trình duyệt, cho phép điều hướng tiến và lùi trong tích tắc. Để biết thêm thông tin, hãy xem phần Bộ nhớ đệm cho thao tác tiến/lùi.

Kiểm thử bộ nhớ đệm cho thao tác tiến/lùi

Để kiểm tra bộ nhớ đệm cho thao tác tiến/lùi, hãy làm theo các bước sau:

  1. Trên trang của bạn, hãy mở DevTools, sau đó chuyển đến Application (Ứng dụng) > Background services (Dịch vụ nền) > Back/forward cache (Bộ nhớ đệm lui/tiến).

    Thẻ bộ nhớ đệm cho thao tác tiến/lùi.

  2. Nhấp vào Kiểm tra bộ nhớ đệm cho thao tác tiến/lùi.

    Chrome sẽ tự động đưa bạn đến chrome://terms/ và quay lại trang của bạn.

    Ngoài ra, bạn có thể nhấp vào nút quay lại và nút chuyển tiếp của trình duyệt.

Nếu bộ nhớ đệm cho thao tác tiến/lùi hoạt động bình thường trên trang của bạn, bạn sẽ thấy thông báo sau:

Phân phát thành công qua bộ nhớ đệm cho thao tác tiến/lùi.

Nếu không, bạn sẽ thấy danh sách vấn đề.

Để tìm hiểu vấn đề nào ảnh hưởng đến khung nào, hãy mở rộng mục Frames (Khung) Biểu tượng Mở rộng..

Mở rộng phần Khung.

Giải quyết các vấn đề ngăn việc lưu vào bộ nhớ đệm

Nếu trang của bạn không đủ điều kiện để lưu vào bộ nhớ đệm cho thao tác tiến/lùi, thì thẻ Bộ nhớ đệm cho thao tác tiến/lùi sẽ hiển thị cho bạn một danh sách gồm 3 loại nguyên nhân:

Không đủ điều kiện dùng bộ nhớ đệm cho thao tác tiến/lùi.

  • Có thể hành động. Bạn có thể khắc phục những vấn đề này để bật tính năng lưu vào bộ nhớ đệm. Ví dụ: ngừng sử dụng sự kiện unload.
  • Đang chờ hỗ trợ. Chrome chưa hỗ trợ các tính năng này nên các tính năng này sẽ ngăn việc lưu vào bộ nhớ đệm. Tuy nhiên, khi được hỗ trợ, Chrome sẽ loại bỏ những hạn chế này.
  • Không thể thực hiện. Bạn không thể khắc phục những vấn đề này trên trang này. Một yếu tố nằm ngoài tầm kiểm soát của trang ngăn việc lưu vào bộ nhớ đệm.

Để tìm hiểu khung nào là trình chặn, hãy mở rộng phần tương ứng trong phần mô tả vấn đề.

Khung chặn.

Các vấn đề thường gặp khiến việc lưu vào bộ nhớ đệm cho thao tác tiến/lùi không thành công

Có hai lý do chính khiến bfcache không chạy được:

  • Tiêu đề Cache-Control: no-store.

    Bạn nên sử dụng giá trị tiêu đề này cho các trang có thông tin cá nhân và riêng tư. Đối với những trang mà bạn muốn được làm mới một cách hợp lý, hãy sử dụng no-cache hoặc thời gian lưu vào bộ nhớ đệm ngắn, ví dụ: max-age=60.

  • Trình xử lý giải phóng có vấn đề.

    Chrome dự định ngừng sử dụng trình xử lý huỷ tải và đề xuất bạn không bao giờ sử dụng sự kiện unload.

    Để đảm bảo rằng trang web của bạn không sử dụng trình xử lý giải phóng và ví dụ: ngăn các tiện ích thêm sự kiện unload, hãy khai báo tiêu đề phản hồi HTTP Permissions-Policy: unload=().