Nếu là một khách hàng thường xuyên của một quán bún bò Huế, có lẽ bạn đã từng trải qua cảm giác "sung sướng" khi bà chủ quán nhắc nhân viên thêm cay cho anh đi con...Có gì đó rất "oai" khi quán nhớ đến "gu" của mình.
Có một khoảnh khắc mà gần như lập trình viên nào cũng từng trải qua.Bạn sửa code.
Upload lên hosting.
Refresh.
...
Không thay đổi.
😅
Bạn kiểm tra lại.
Code đúng.
Upload đúng.
File đúng.
Refresh lần nữa.
Vẫn không thay đổi.
😭
Lúc này bắt đầu xuất hiện những suy nghĩ:
"Hay mình upload nhầm?"
"Hay hosting bị lỗi?"
"Hay PHP bị điên?"
"Hay Internet hôm nay có vấn đề?"
🤡
Rồi 10 phút sau.
Tự nhiên website cập nhật.
😄
Hoặc.
Bạn mở bằng điện thoại.
Lại thấy đúng.
Trong khi máy tính vẫn sai.
😵
Nếu bạn từng gặp tình huống này.
Xin chúc mừng.
Bạn vừa gặp một người bạn rất nổi tiếng trong ngành IT:
Cache.
Cache là gì?
Cache là cơ chế lưu tạm dữ liệu để giúp website hoặc ứng dụng tải nhanh hơn ở những lần truy cập tiếp theo.
Thay vì phải xử lý lại từ đầu, hệ thống sẽ lấy dữ liệu đã lưu sẵn trong cache.
Điều này giúp tăng tốc độ nhưng đôi khi khiến người dùng thấy dữ liệu cũ thay vì dữ liệu mới nhất.
Ví dụ đời thường 🍜
Bạn ra quán phở.
Gọi:
Một tô tái nạm.
😄
Nhà bếp làm mất:
10 phút.
Khá lâu.
Ngày hôm sau.
Bạn lại gọi đúng món đó.
Nhà bếp đã chuẩn bị sẵn.
↓
Mang ra ngay.
😎
Đó chính là ý tưởng của cache.
Lưu thứ đã dùng rồi.
Để lần sau khỏi làm lại.
Vì sao cần cache?
Hãy tưởng tượng.
Mỗi lần mở Facebook.
Server phải:
✔ Đọc database
✔ Tính toán
✔ Tạo giao diện
✔ Tải hình ảnh
✔ Xử lý dữ liệu
Từ đầu.
Cho hàng triệu người.
😅
Rất tốn tài nguyên.
Cache giúp:
"Lần trước tôi đã làm rồi."
↓
"Dùng lại luôn."
😎
Vậy tại sao cache gây khó chịu?
Vì đôi khi.
Bạn đã sửa.
Nhưng cache vẫn nhớ phiên bản cũ.
🤡
Ví dụ.
Website hiện:
Xin chào!Bạn sửa thành:
Chào mừng bạn!Upload.
Refresh.
...
Website vẫn hiện:
Xin chào!😭
Không phải code chưa sửa.
Mà vì cache đang đưa cho bạn bản cũ.
Cache giống như photocopy 📄
Bạn có một tài liệu gốc.
Sau đó.
Photo ra 50 bản.
😄
Một ngày.
Bạn sửa tài liệu gốc.
Nhưng 50 bản photo vẫn giữ nội dung cũ.
🤡
Cache hoạt động gần giống như vậy.
Nó là một "bản sao".
Không phải dữ liệu gốc.
Cache trình duyệt 🌐
Đây là loại phổ biến nhất.
Chrome.
Firefox.
Edge.
Safari.
Đều dùng.
Ví dụ.
Lần đầu mở website.
Trình duyệt tải:
style.css
logo.png
app.jsLưu lại.
😎
Lần sau.
Không tải lại.
Dùng bản đã lưu.
Website nhanh hơn.
Nhưng.
Nếu bạn vừa sửa:
style.cssTrình duyệt có thể vẫn dùng file cũ.
😅
F5 không phải lúc nào cũng đủ 😄
Rất nhiều người mới nghĩ:
Refresh là xong.
Không hẳn.
Có lúc cần:
Ctrl + F5Hoặc:
Hard Refreshđể buộc trình duyệt tải lại dữ liệu mới.
Cache trong WordPress 😅
Đây là nơi gây đau khổ cho rất nhiều người.
Bạn sửa:
Theme.
↓
Không đổi.
Sửa:
CSS.
↓
Không đổi.
Sửa:
Plugin.
↓
Không đổi.
😭
Sau đó mới nhớ:
Plugin cache vẫn đang bật.
🤡
Các plugin cache thường gặp:
- WP Super Cache
- W3 Total Cache
- LiteSpeed Cache
- WP Rocket
Chỉ cần:
Clear Cache
↓
Mọi thứ xuất hiện.
😄
Cache trên Hosting 😵
Một số hosting cũng có cache.
Điều này khiến mọi thứ thú vị hơn.
😅
Bạn xóa cache trình duyệt.
Không được.
Xóa cache WordPress.
Không được.
Cuối cùng phát hiện:
Hosting vẫn cache.
🤡
Lúc này mới hiểu.
Không phải chỉ có một cache.
CDN Cache 🌎
Giả sử website của bạn dùng CDN.
Người truy cập ở:
Mỹ
Việt Nam
Úc
Singapore
...
CDN sẽ giữ các bản sao ở nhiều nơi.
😎
Rất nhanh.
Nhưng.
Nếu chưa xóa cache CDN.
Người dùng có thể vẫn thấy phiên bản cũ.
InfinityFree Case 😅
Đây là một trong những câu hỏi mình gặp nhiều nhất.
"Anh ơi em sửa CSS rồi mà website không đổi."
😅
Sau khoảng:
5 phút.
Mình hỏi:
"Đã Ctrl + F5 chưa?"
🤡
Rất nhiều trường hợp.
Chỉ cần vậy.
Là xong.
Không phải PHP.
Không phải MySQL.
Không phải hosting.
Chỉ là cache trình duyệt.
Một hiểu lầm rất phổ biến 🤡
Nhiều người nghĩ.
Cache là thứ xấu.
Không.
Cache là thứ giúp Internet chạy nhanh hơn.
😄
Nếu không có cache.
Website sẽ chậm hơn rất nhiều.
Vấn đề không phải:
Cache tồn tại.
Mà là:
Bạn quên rằng nó tồn tại.
Dấu hiệu nhận biết do cache
Ví dụ.
Máy bạn thấy:
A.
Điện thoại thấy:
B.
😅
Hoặc.
Bạn thấy cũ.
Bạn bè thấy mới.
🤔
Hoặc.
Ẩn danh (Incognito) thấy đúng.
Trình duyệt thường thấy sai.
🤡
Rất có thể.
Cache là thủ phạm.
Khi nào nên nghi ngờ cache?
✔ Vừa sửa code
✔ Upload thành công
✔ Không báo lỗi
✔ Người khác thấy khác mình
✔ Chỉ một thiết bị bị lỗi
✔ Refresh mãi không thay đổi
Nếu có nhiều dấu hiệu trên.
Hãy nghĩ tới cache trước.
😎
Debug kiểu dev thật 😎
✅ 1. Thử Ctrl + F5
Rất nhiều lỗi "kỳ bí" kết thúc tại đây.
✅ 2. Mở chế độ Ẩn danh
Nếu Incognito đúng.
Khả năng cao là cache.
✅ 3. Thử trên điện thoại
Hoặc máy khác.
✅ 4. Xóa cache WordPress
Nếu đang dùng plugin cache.
✅ 5. Đừng upload đi upload lại 20 lần
Có thể file đúng từ lần đầu rồi.
😅
Checklist chuẩn không cần chỉnh 😎
☑ Cache giúp website nhanh hơn
☑ Cache có thể hiển thị dữ liệu cũ
☑ Ctrl + F5 khi vừa sửa code
☑ Kiểm tra cache trình duyệt
☑ Kiểm tra cache WordPress
☑ Kiểm tra cache hosting/CDN
☑ Đừng vội kết luận code sai
FAQ nhanh
Cache có phải lỗi không?
→ Không.
Nó là một tính năng tối ưu hiệu năng.
Vì sao điện thoại thấy khác máy tính?
→ Hai thiết bị có thể đang dùng cache khác nhau.
Xóa cache có nguy hiểm không?
→ Thông thường không.
Chỉ khiến trình duyệt tải lại dữ liệu mới.
Website lớn có dùng cache không?
→ Có.
Hầu như tất cả website lớn đều sử dụng cache.
Bạn có thể cũng đang gặp 😭
👉 White Screen of Death – Trang trắng xóa không báo lỗi
👉 Fatal Error trong PHP là gì?
👉 Call to undefined function là gì?
👉 var_dump() là "vũ khí bí mật" của newbie
👉 echo debug và nghệ thuật "soi từng bước"
👉 Comment code đúng cách để khỏi tự giết mình
👉 Vì sao bug lúc có lúc không?
👉 Backup database đúng cách trước khi "toang"
👉 Vì sao database chạy chậm dần?
Tổng kết
Cache giống như một người rất chăm chỉ.
😄
Bạn nhờ việc gì.
Người đó ghi nhớ.
Lần sau khỏi phải làm lại.
Nhờ vậy.
Mọi thứ nhanh hơn.
Vấn đề là.
Đôi khi người đó nhớ quá kỹ.
Đến mức bạn đã thay đổi rồi.
Nhưng họ vẫn đưa cho bạn phiên bản cũ.
🤡
Đó là lý do rất nhiều lập trình viên từng ngồi hàng giờ kiểm tra code.
Trong khi nguyên nhân thật sự chỉ là:
Chưa xóa cache.
Và nếu bạn chỉ nhớ một điều từ bài này, hãy nhớ:
Khi sửa code mà website không thay đổi...
Đừng vội nghi ngờ bản thân. Hãy nghi ngờ cache trước. 🚀