Làm thế nào để cache toàn bộ dữ liệu website lên CloudFlare?
Theo mặc định, CloudFlare chỉ cache các file dữ liệu tĩnh (CSS, JS, hình ảnh…) trên hệ thống CDN của họ. Nó không cache HTML, do đó tác dụng cải thiện tốc độ load và khả năng chịu tải cho website của CloudFlare chưa phải ở mức cao nhất. Nếu bạn đang sử dụng CloudFlare thì ngay sau đây là hướng dẫn giúp cache toàn bộ dữ liệu website của mình lên CloudFlare. Tương tự như tính năng của các plugin tạo cache trên WordPress, CloudFlare sẽ cho phép bạn tạo một bản cache hoàn chỉnh cho website.
Tham khảo thêm:
- Có nên sử dụng dịch vụ CloudFlare cho website hay không?
- Tại sao bạn nên sử dụng CloudFlare làm máy chủ DNS?
Cache toàn bộ dữ liệu website lên CloudFlare
1. Đăng nhập vào tài khoản CloudFlare của bạn, lựa chọn website tương ứng, sau đó click vào tab Caching. Trong mục Browser Cache Expiration, hãy lựa chọn thời gian hiệu lực của tính năng cache trình duyệt. Ví dụ ở đây tôi để là 1 tháng.
2. Chuyển qua tab Page Rules. Click vào nút Create Page Rule.
3. Thiết lập một page rule với nội dung như sau:
Trong đó:
- If the URL matches: điền URL website của bạn vào đây. Đừng quên thêm dấu
*vào cuối URL để áp dụng rule cho tất cả các link con. - Then the setting are: chọn Cache Level => Cache Everything.
Click vào nút Save and Deploy để hoàn tất.
4. Danh sách các page rule đã tạo sẽ được hiển thị bên dưới. Trông như thế này:
Nếu muốn tắt page rule đi, bạn chỉ cần chuyển trạng thái từ On sang Off là được.
5. Quay trở lại website của bạn, truy cập ở chế độ ẩn danh trên trình duyệt (hoặc đăng xuất khỏi tài khoản quản trị). Với trình duyệt Chrome, click chuột phải vào giao diện website, chọn Inspect => chọn tiếp tab Network => reload lại website.
Kiểm tra xem đã thấy dòng cf-cache-status: HIT trên Response Headers hay chưa? Nếu rồi thì có nghĩa là bạn đã kích hoạt tính năng cache toàn bộ dữ liệu website trên CloudFlare thành công.
6. Kết nối tài khoản CloudFlare với plugin tạo cache mà bạn đang sử dụng trên website để nó tự động xóa cache khi dữ liệu website thay đổi. Nếu plugin tạo cache của bạn không có tính năng kết nối với CloudFlare, hãy cài thêm plugin CloudFlare được download tại đây.
Bạn có đang sử dụng CloudFlare trên blog/ website của mình hay không? Bạn đánh giá thế nào về chất lượng của dịch vụ này? Đừng quên chia sẻ với chúng tôi những kinh nghiệm sử dụng CloudFlare của bạn trong khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Cái này h mới biết. Trước em cứ cài cloudflare rồi vứt đó thôi.
cảm ơn những hướng dẫn của bạn
Chào bạn
Mình làm theo hướng dẫn của bạn nhưng đến bước kiểm tra thì cf-cache-status: Miss
Bạn có thể hướng dẫn mình kết nối cloudfare với litespeed cache được không, mình thấy ls cache cũng có hỗ trợ cdn
Thks bạn!
Thử F5 vài lần đi bạn. Muốn kết nối LiteSpeed Cache với CloudFlare thì vào LiteSpeed Cache => Settings => CDN => Chuyển mục CloudFlare API sang trạng thái On. Điền đầy đủ thông tin vào 3 mục bên dưới rồi Save Changes là được.
Phần Enable CDN, CDN Mapping và những phần khác có phải nhập không bạn
Mình vừa làm theo nhưng f5 vẫn báo miss
Không bạn. Chỉ có phần CloudFlare API thôi. Mấy cái bên trên không liên quan.
Cảm ơn bài viết hữu ích của anh!
:) nếu mà post bài thường xuyên thì nó có ảnh hưởng đến trang chủ ko cập nhật bài viết mới không bác
Cài thêm plugin CloudFlare vào nó tự động xóa cache khi có nội dung mới được đăng tải nhé.
Muốn dùng cache thì phải bật đám mây vàng lên đúng không anh ? Mà hosting ở singapore bật lên thì làm web chậm hơn, anh biết cách cấu hình tự động bật đám mây vàng khi bị ddos và tự tắt sau vài tiếng sau không ?
Đúng rồi bạn. CloudFlare không có cái tính năng tự động như bạn nói đâu nhé. Mình đang dùng gói trả phí cũng không có chứ đừng nói miễn phí. :)
Cho mình hỏi cài cái này có phải chống được DDOS ko nhỉ
Có bạn nhé.
Cái này có áp dụng được với Plugin Autoptimize không nhỉ. Mình test thử nó toàn báo no-cache http://prntscr.com/jq6sh6
Site bán hàng mà cache cái này thì khỏi buôn bán gì luôn. Vì nó là dạng cache nguyên page. Cache luôn giỏ hàng, trang thanh toán… Muốn bypass cache theo cookie thì phải nâng cấp lên gói Business ($200/tháng). :P
Cảm ơn anh. Nhưng e làm thì nó báo lỗi 525 với nội dung “this page is current oflien…” là sao ạ
Bạn thiết lập CloudFlare chưa đúng cách chăng? Tham khảo bài viết “Làm thế nào để sử dụng CloudFlare một cách hiệu quả?” xem sao nhé.
e thiết lập như bài này đó anh
Nếu vậy thì bó tay rồi. Có thể là xung đột với host hoặc mã nguồn website của bạn. Phải kiểm tra thì mới biết được.
Mình bị như thế này thì sao nhỉ. Do mình mới cài lại web mà nó vẫn lưu vài chỗ ở web cũ
cache-control: public, max-age=0
cf-cache-status: DYNAMIC
cf-cache-status: DYNAMICnghĩa là CloudFlare chưa cache toàn bộ dữ liệu bao gồm cả HTML mà chỉ cache file tĩnh như CSS, JS, hình ảnh… thôi bạn nhé.Vậy có cách gì để cache hết tất cả file luôn ko bạn
Bạn đã tạo Rule theo hướng dẫn trong bài viết chưa?
Mình làm theo rồi mà ko được. Nó báo như vậy đó. Mình đợt trước dùng betheme có chèn text ở footer. Nhưng mình cài mới lại hết mà nó vẫn hiện đoạn text đó. Mà giờ nó vẫn còn. Hay là mình cache link /betheme/footer.php nhỉ