Prefetch Cache trong F12 (DevTools) là gì?

Hiểu đơn giản: Prefetch Cache là bộ nhớ đệm mà trình duyệt dùng để tải trước (prefetch) các tài nguyên (URL, trang, file) mà trình duyệt dự đoán rằng bạn có thể sẽ truy cập tiếp theo — để khi bạn click thì tải nhanh hơn.

Nó hoạt động như thế nào?

Trình duyệt (Chrome, Edge…) có thể tự động tải trước một số thứ như:

• Link bạn có khả năng sẽ bấm vào
• Trang tiếp theo (ví dụ trong Google Search, News, hoặc trang phân trang)
• Tài nguyên (JS, CSS, ảnh) theo chỉ định của website

Những thứ này sẽ được lưu vào Prefetch Cache.

Khi bạn vào F12 → Application → Cache → Prefetch Cache, bạn có thể thấy các URL đã được tải sẵn ở đó.

Khác gì với các loại cache khác?

Trong DevTools, bạn thường sẽ thấy mấy loại này:

👉 Điểm khác biệt chính:
Prefetch Cache không phải do bạn hoặc website chủ động lưu, mà do trình duyệt quyết định.

Khi nào trình duyệt dùng Prefetch?

Một số trường hợp phổ biến:

1. Bạn rê chuột vào link → Chrome có thể tải trước.
2. Google Search tải trước kết quả đầu.
3. Website dùng thẻ:

<link rel="prefetch" href="/next-page.html">

hoặc:

<link rel="prerender" href="/next-page.html">

Có ảnh hưởng gì đến website của bạn không?

Có, đặc biệt với người làm web (WordPress / PHP):

• Có thể tăng tốc cảm nhận tải trang nếu dùng đúng.
• Nhưng cũng có thể tốn tài nguyên server nếu bị prefetch quá nhiều.
• Với site tin tức/xe cộ, prefetch có thể giúp người dùng đọc trang tiếp theo nhanh hơn.

• Prefetch Cache