Hướng dẫn này trình bày 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 của mình để tải tức thì khi sử dụng các nút quay lại và tiến 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 lưu vào bộ nhớ đệm này.
Bộ nhớ đệm cho thao tác tiến/lùi (hay 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 tức thì. Để biết thêm thông tin, hãy xem bài viết 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 thử bộ nhớ đệm cho thao tác tiến/lùi, hãy làm theo các bước sau:
Trên trang của bạn, hãy mở Công cụ cho nhà phát triển, sau đó chuyển đến Ứng dụng > Dịch vụ nền > Bộ nhớ đệm cho thao tác tiến/lùi.
Nhấp vào Kiểm tra bộ nhớ đệm cho thao tác tiến/lùi.
Chrome tự động đưa bạn đến
chrome://terms/
và quay lại trang của bạn.Hoặc, bạn có thể nhấp vào nút tiến và lùi của trình duyệt.
Nếu bộ nhớ đệm cho thao tác tiến/lùi hoạt động trên trang của bạn và không có vấn đề gì, thì bạn sẽ thấy thông báo sau:
Nếu không, bạn sẽ thấy danh sách các vấn đề.
Để tìm hiểu vấn đề nào ảnh hưởng đến khung hình nào, hãy mở rộng mục 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 dùng tính năng 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 kèm theo 3 loại nguyên nhân:
- Có thể thao tác. 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 các sự kiện
unload
. - Đang chờ hỗ trợ. Chrome chưa hỗ trợ các tính năng này nên sẽ ngăn việc lưu vào bộ nhớ đệm. Tuy nhiên, sau khi được hỗ trợ, Chrome sẽ xoá các giới hạn này.
- Không thể thao tác. Bạn không thể khắc phục những vấn đề đó trên trang này. Nội dung nào đó nằm ngoài tầm kiểm soát của trang sẽ ngăn việc lưu vào bộ nhớ đệm.
Để tìm khung hình nào là trình chặn, hãy mở rộng phần tương ứng trong phần mô tả vấn đề.
Các vấn đề thường gặp ngăn cản việc lưu vào bộ nhớ đệm cho thao tác tiến/lùi
Có 2 lý do chính khiến bfcache không chạy được là:
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à thông tin riêng tư. Đối với các trang mà bạn muốn làm mới một cách hợp lý, hãy sử dụng
no-cache
hoặc một thời gian lưu ngắn vào bộ nhớ đệm, ví dụ:max-age=60
.Trình xử lý huỷ tải gặp sự cố.
Chrome dự định ngừng sử dụng trình xử lý huỷ tải và khuyến nghị 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ý huỷ tải và chẳng hạn như ngăn tiện ích thêm sự kiện
unload
, hãy khai báo tiêu đề phản hồi HTTPPermissions-Policy: unload=()
.