Hướng Dẫn Tạo Cache Toàn Bộ Dữ Liệu Website Trên CloudFlare

Thứ Năm, 08/08/2024 13:40:59 +07:00

Việc tạo cache toàn bộ dữ liệu website lên CloudFlare không chỉ giúp cải thiện tốc độ load trang mà còn tăng cường khả năng chịu tải và bảo vệ website khỏi các cuộc tấn công DDoS. Dưới đây là hướng dẫn chi tiết từng bước để bạn thực hiện điều này.

1. Khi nào nên cache toàn bộ dữ liệu website?

Bạn nên cache toàn bộ dữ liệu website nếu:

• Dữ liệu ít thay đổi và không yêu cầu tương tác nhiều từ người dùng (không bình luận, không đặt hàng).
• Muốn giảm thời gian phản hồi TTFB và tăng cường bảo mật chống DDoS.

Nếu website của bạn thường xuyên cập nhật dữ liệu (cho phép bình luận, bán hàng trực tuyến), hãy cân nhắc sử dụng “Automatic Platform Optimization” của CloudFlare với giá $5/tháng.

2. Hướng dẫn cache toàn bộ dữ liệu

Bước 1:

1. Đăng nhập vào tài khoản CloudFlare của bạn.
2. Chọn tên miền tương ứng.
3. Chuyển đến tab Caching.
4. Trong mục Browser Cache TTL, chọn Respect Existing Headers.Việc này đảm bảo rằng CloudFlare sẽ không tự động ghi đè hoặc chèn giá trị vào header cache-control, trừ khi có Page Rule yêu cầu cụ thể.

Bước 2: Tạo Page Rule

1. Chuyển qua tab Rules => Page Rules.
2. Click vào nút Create Page Rule.
3. Tạo 3 Page Rule với nội dung như sau:
   • Page Rule cho front-end:
     • URL: https://tenmiencuaban.com/*
     • Cache Level: Cache Everything
     • Browser Cache TTL: an hour
     • Edge Cache TTL: a month
   • Page Rule cho wp-login:
     • URL: https://tenmiencuaban.com/wp-login*
     • Cache Level: Standard
   • Page Rule cho wp-admin:
     • URL: https://tenmiencuaban.com/wp-admin/*
     • Cache Level: Standard

   Lưu ý: Thay https://tenmiencuaban.com bằng tên miền của bạn.

4. Click vào Save and Deploy để hoàn tất.

Bước 3: Kiểm tra và kích hoạt

1. Quay trở lại website của bạn, truy cập ở chế độ ẩn danh trên trình duyệt.
2. Với Chrome, click chuột phải vào giao diện website, chọn Inspect => chọn tab Network => load lại website.
3. Kiểm tra xem đã thấy dòng cf-cache-status: HIT trên Response Headers hay chưa. Nếu có, nghĩa là bạn đã kích hoạt thành công.

Bước 4: Kết nối với plugin tạo cache

Kết nối tài khoản CloudFlare với plugin tạo cache bạn đang sử dụng để tự động xóa cache khi dữ liệu website thay đổi. Nếu plugin của bạn không có tính năng này, hãy cài thêm plugin CloudFlare.

Xử lý lỗi cache Admin Bar

Nếu cache toàn bộ dữ liệu website, Admin Bar (thanh công cụ quản trị) cũng sẽ bị cache và hiển thị cho khách truy cập. Để khắc phục:

• Nếu chỉ có bạn được phép đăng nhập, vào Users => Profile => Bỏ tick trong mục Show Toolbar when viewing site.
• Nếu cho phép nhiều người đăng nhập, chèn đoạn code sau vào file functions.php của theme hoặc qua plugin Code Snippets:
  add_filter('show_admin_bar', '__return_false');


Chúc bạn thành công trong việc tối ưu hóa website với CloudFlare!