Tách biệt hoàn toàn việc đăng nhập WordPress và lưu trữ bộ nhớ đệm cho khách truy cập: Hướng dẫn chi tiết nhất về phiên bản miễn phí của Cloudflare

Muốn làmWordPressTách biệt hoàn toàn bộ nhớ đệm đăng nhập động khỏi bộ nhớ đệm khách truy cập tĩnh? Hướng dẫn này sẽ chỉ cho bạn cách tối ưu hóa bộ nhớ đệm cookie với phiên bản miễn phí của Cloudflare mà không tốn phí, giúp cải thiện tốc độ trang web và trải nghiệm người dùng. Một hướng dẫn toàn diện không thể thiếu dành cho các quản trị viên web!

Hướng dẫn toàn diện về cách sử dụng bộ nhớ đệm cookie miễn phí của Cloudflare: Phân tách đăng nhập động/khách truy cập tĩnh mà không tốn chi phí.

99% chủ sở hữu website WordPress sử dụng phiên bản miễn phí của Cloudflare đang lãng phí hơn một nửa hiệu năng máy chủ của họ.

Tôi đã chứng kiến ​​quá nhiều người rơi vào hai thái cực.

Hoặc là không lưu trữ HTML vào bộ nhớ cache, và lấy dữ liệu từ máy chủ gốc mỗi khi khách truy cập vào trang web.

Ngoài ra, bạn cũng có thể lưu toàn bộ trang HTML vào bộ nhớ cache, điều này dẫn đến các vấn đề như đăng nhập người dùng không chính xác, bình luận không hiển thị và các thao tác ở phía máy chủ bị lỗi.

Nhiều người tin rằng việc phân biệt bộ nhớ đệm theo cookie là tính năng chỉ có ở các gói trả phí.

Tóm lại, Cloudflare chính thức tuyên bố rằng chỉ các gói Business và Enterprise mới có thể bỏ qua bộ nhớ đệm HTML khi có cookie.

Gói Business có giá khởi điểm 200 đô la mỗi tháng, điều này hoàn toàn không cần thiết đối với những người sở hữu trang web cá nhân và các blog nhỏ.

Cho đến tháng 4 năm 2023, tôi đã phát hiện ra một thủ thuật kỹ thuật mà hầu hết mọi người đều bỏ qua.

Kỹ thuật này là kỹ thuật đầu tiên chứng minh đầy đủ cách đạt được hiệu ứng bộ nhớ đệm dựa trên cookie giống hệt như gói trả phí, sử dụng các toán tử được hỗ trợ bởi phiên bản miễn phí.

Tôi đã sử dụng phương pháp này để cấu hình hơn chục trang web và kết quả vượt ngoài mong đợi.

Mức sử dụng CPU của máy chủ blog cá nhân của tôi đã giảm từ trung bình 45% xuống còn 12%.

Thời gian tải trang ban đầu đã được giảm 5 giây.

Mức tiêu thụ băng thông máy chủ hàng tháng đã giảm 68%.

Tuy nhiên, giai đoạn triển khai ban đầu có hai thiếu sót rõ ràng.

Nó chỉ hỗ trợ một tên miền HTTPS duy nhất và không hỗ trợ tên miền ký tự đại diện.

Điều này không tính đến việc nhiều trang web vẫn sử dụng chuyển hướng HTTP hoặc hỗ trợ cả HTTP và HTTPS.

Tôi đã thực hiện các tối ưu hóa toàn diện dựa trên phương pháp ban đầu và giải quyết được hai vấn đề này.

Bây giờ tôi sẽ nhắm mục tiêu vào *.etufoDưới đây là hướng dẫn đầy đủ về cách cấu hình tên miền ký tự đại diện như .org hỗ trợ cả HTTP và HTTPS.

Tại sao phiên bản miễn phí lại có thể thực hiện được chức năng lưu trữ dữ liệu dựa trên cookie giống như phiên bản trả phí?

Nhiều người không biết rằng sự khác biệt cốt lõi giữa phiên bản miễn phí và trả phí của Cloudflare không nằm ở việc một tính năng nhất định có được triển khai hay không.

Điều đó nằm ở việc phương pháp đó dễ dàng thực hiện cùng một chức năng như thế nào.

Phiên bản trả phí cung cấpMatchesCác toán tử biểu thức chính quy có thể được sử dụng để khớp với tất cả các cookie cần được bỏ qua chỉ bằng một dòng biểu thức chính quy duy nhất.

Tuy nhiên, phiên bản miễn phí không hỗ trợ toán tử này, và bạn sẽ nhận được thông báo lỗi "không được phép: việc sử dụng toán tử Matches không được cho phép" khi sử dụng nó.

Tài liệu chính thức của Cloudflare nêu rõ rằng...MatchesCác nhà mạng cần sử dụng gói Business hoặc gói WAF Advanced.

Đây là lý do tại sao hầu hết các hướng dẫn trực tuyến đều khuyên bạn phải nâng cấp lên gói trả phí để sử dụng tính năng lưu trữ cookie.

Nhưng sau nhiều lần thử nghiệm và nghiên cứu, tôi đã tìm ra một bước đột phá quan trọng.

Cả cookie đăng nhập WordPress và WooCommerce đều có tiền tố cố định.

Tiền tố cookie của WordPress:

Chúng ta không cần sử dụng biểu thức chính quy để khớp với tất cả các cookie; chúng ta chỉ cần sử dụng những biểu thức được phiên bản miễn phí hỗ trợ.containsNgười vận hành kiểm tra xem cookie có chứa các tiền tố cố định này hay không.

Ý tưởng này rất thông minh.

Nó đã bỏ qua các tính năng độc quyền của phiên bản trả phí và đạt được hiệu quả tương tự bằng cách sử dụng các toán tử cơ bản nhất.

Hơn nữa, hiệu suất của nó tốt hơn so với việc khớp biểu thức chính quy vìcontainsChi phí tính toán của các toán tử thấp hơn nhiều so với việc so khớp biểu thức chính quy.

Đối với *.etufoCác bước cấu hình đầy đủ cho .org (áp dụng cho cả HTTP và HTTPS)

Toàn bộ quy trình cấu hình chỉ cần tạo 3 quy tắc bộ nhớ đệm.

Thứ tự các quy tắc rất quan trọng và phải được tuân thủ nghiêm ngặt theo đúng thứ tự tôi đã đưa ra.

Nếu thứ tự sai, toàn bộ logic bộ nhớ đệm sẽ bị lỗi.

Quy tắc 1: Bỏ qua các đường dẫn cần phải linh hoạt (ưu tiên cao nhất)

Mục đích của quy tắc này là để đảm bảo rằng trang quản trị, trang xem trước, trung tâm người dùng và trang tìm kiếm không bao giờ được lưu vào bộ nhớ đệm.

Các trang này phải tải nội dung từ máy chủ gốc theo thời gian thực, nếu không sẽ xảy ra các sự cố chức năng nghiêm trọng.

Biểu thức tối ưu hóa của tôi hỗ trợ tất cả các tên miền phụ và giao thức HTTP/HTTPS.

Bạn không cần tạo các quy tắc riêng biệt cho từng tên miền phụ.

Không cần thiết phải tạo ra các quy tắc riêng biệt cho HTTP và HTTPS.

Biểu thức như sau:

ends_with(http.host, ".etufo.org") and (starts_with(http.request.uri.path, "/wp-admin/") or http.request.uri contains "preview=true" or starts_with(http.request.uri.path, "/前台用户中心/") or starts_with(http.request.uri.path, "/?s="))

Chọn "Bỏ qua bộ nhớ đệm" làm tùy chọn thao tác.

Hãy đặt quy tắc này ở vị trí đầu tiên trong tất cả các quy tắc bộ nhớ đệm.

Quy tắc 2: Bỏ qua người dùng đã đăng nhập và đang bình luận (ưu tiên thứ hai)

Mục đích của quy tắc này là cho phép người dùng đã đăng nhập và bình luận truy cập trực tiếp vào nội dung động từ nguồn.

Điều này đảm bảo người dùng có thể xem thông tin cá nhân của họ và các bình luận được hiển thị theo thời gian thực.

Phương pháp triển khai ban đầu được sử dụng như sau:starts_with(http.request.full_uri, "https://你的域名/").

Tôi đã đổi nó thànhends_with(http.host, ".etufo.org").

Sự thay đổi này là cốt lõi của toàn bộ quá trình tối ưu hóa.

http.hostNó chỉ bao gồm tên miền, không bao gồm giao thức và đường dẫn.

Sử dụngends_with匹配.etufo.orgNó sẽ tự động khớpetufo.org,www.etufo.org,blog.etufo.orgTất cả các tên miền phụ.

Nó tự động tương thích với cả giao thức HTTP và HTTPS mà không cần bất kỳ cấu hình bổ sung nào.

Các biểu thức gốc của WordPress:

ends_with(http.host, ".etufo.org") and (http.cookie contains "wordpress_sec_" or http.cookie contains "wordpress_logged_in" or http.cookie contains "comment_")

Nếu bạn đang sử dụng WooCommerceThương mại điện tửPlugin này yêu cầu phải thêm tiền tố cookie của WooCommerce.

Biểu thức nâng cao của WooCommerce:

ends_with(http.host, ".etufo.org") and (http.cookie contains "wordpress_sec_" or http.cookie contains "wordpress_logged_in" or http.cookie contains "comment_" or http.cookie contains "woocommerce_")

Thao tác này cũng nên được thiết lập thành "Bỏ qua bộ nhớ đệm".

Đặt quy tắc này bên dưới quy tắc 1.

Quy tắc 3: Lưu trữ HTML tĩnh cho khách truy cập chưa đăng nhập (ưu tiên thấp nhất)

Mục đích của quy tắc này là cho phép khách truy cập chưa đăng nhập có thể trực tiếp truy xuất các trang HTML được lưu vào bộ nhớ cache từ Cloudflare CDN.

Đây là bước quan trọng nhất để cải thiện tốc độ website và giảm tải cho máy chủ.

Tương tự, tôi đã sử dụngends_with(http.host, ".etufo.org")Nó đã thay thế định dạng giao thức + tên miền ban đầu.

Khả năng tương thích tự động với các tên miền ký tự đại diện và giao thức kép đã được đạt được.

Các biểu thức gốc của WordPress:

ends_with(http.host, ".etufo.org") and not http.cookie contains "wordpress_sec_" and not http.cookie contains "wordpress_logged_in" and not http.cookie contains "comment_"

Biểu thức nâng cao của WooCommerce:

ends_with(http.host, ".etufo.org") and not http.cookie contains "wordpress_sec_" and not http.cookie contains "wordpress_logged_in" and not http.cookie contains "comment_" and not http.cookie contains "woocommerce_"

Chọn "Đáp ứng tiêu chí bộ nhớ đệm" cho thao tác này.

Chúng tôi khuyến nghị bật các tùy chọn sau:

Bộ giáp đánh lừa của Cache.

Nội dung lỗi thời sẽ không được cung cấp trong quá trình cập nhật.

Hãy đặt quy tắc này ở vị trí cuối cùng trong tất cả các quy tắc bộ nhớ đệm.

Ba bước xác minh cần thực hiện sau khi cấu hình.

Sau khi cấu hình xong, đừng đóng trang ngay lập tức.

Bạn cần thực hiện ba bước kiểm tra đơn giản để đảm bảo các quy tắc hoạt động chính xác.

Bước xác minh đầu tiên là kiểm tra trạng thái bộ nhớ đệm khi người dùng chưa đăng nhập.

Hãy bật chế độ ẩn danh trên trình duyệt của bạn.

Nhấn phím F12 để mở công cụ dành cho nhà phát triển và chuyển sang tab Mạng.

Hãy truy cập trang chủ của trang web.

Kiểm tra tiêu đề phản hồi.cf-cache-statuscánh đồng.

Nếu được hiển thịHITĐiều này cho thấy bộ nhớ cache đã được truy cập thành công và quy tắc đang hoạt động chính xác.

Bước xác minh thứ hai là kiểm tra việc lưu trữ trạng thái đăng nhập.

Đăng nhập vào trình duyệt của bạn trong một cửa sổ trình duyệt thông thường.Phụ trợ WordPress.

Nhấn phím F12 để mở công cụ dành cho nhà phát triển.

Hãy truy cập trang chủ của website.

Kiểm tra tiêu đề phản hồi.cf-cache-statuscánh đồng.

Nếu được hiển thịDYNAMICĐiều này cho thấy người dùng đã đăng nhập thành công và vượt qua bộ nhớ đệm.

Bước xác minh thứ ba là kiểm tra trạng thái bộ nhớ đệm của người dùng bình luận.

Hãy đăng bình luận bằng trình duyệt khác hoặc chế độ ẩn danh.

Làm mới trang.

Kiểm tra tiêu đề phản hồi.cf-cache-statuscánh đồng.

Nếu được hiển thịDYNAMICĐiều này cho thấy người dùng bình luận cũng đã vượt qua bộ nhớ đệm thành công.

Nếu quá trình xác thực thất bại, trước tiên hãy kiểm tra xem thứ tự các quy tắc có đúng hay không.

Sau đó, hãy kiểm tra xem có bất kỳ Quy tắc Trang hoặc quy tắc bộ nhớ đệm nào khác xung đột với ba quy tắc này hay không.

Trong quá trình thử nghiệm thực tế, tôi nhận thấy rằng Quy tắc trang có độ ưu tiên cao hơn quy tắc bộ nhớ đệm và sẽ ghi đè lên các thiết lập của quy tắc bộ nhớ đệm.

Câu hỏi thường gặp và các tối ưu hóa nâng cao

Nhiều người hỏi tôi nên đặt thời gian hết hạn của bộ nhớ cache là bao lâu.

Tôi khuyên bạn nên đặt thời gian hết hạn bộ nhớ cache cho các tệp HTML trên máy chủ gốc là 1 giờ.

Điều này đảm bảo cả tính cập nhật của nội dung và việc tận dụng tối đa lợi thế của bộ nhớ đệm CDN.

Nếu bạn đăng tải một bài viết mới hoặc cập nhật một trang, bạn có thể xóa bộ nhớ cache cho trang tương ứng theo cách thủ công trong hệ thống quản trị của Cloudflare.

Bạn cũng có thể cài đặt gói cài đặt chính thức của Cloudflare.Plugin WordPressĐiều này cho phép tự động xóa bộ nhớ đệm khi xuất bản nội dung.

Một số người cũng hỏi liệu phương pháp này có ảnh hưởng đến trang web hay không.SEO.

Hoàn toàn không.

Trình thu thập dữ liệu của công cụ tìm kiếm không đăng nhập và sẽ truy xuất các trang được lưu trong bộ nhớ cache giống như khách truy cập thông thường.

Các trang được lưu vào bộ nhớ cache sẽ tải nhanh hơn, điều này thực tế có thể cải thiện thứ hạng tìm kiếm trên công cụ tìm kiếm.

Theo báo cáo về các chỉ số web cốt lõi của Google, cứ mỗi giây tăng tốc độ tải trang, tỷ lệ chuyển đổi có thể tăng 7%.

Việc tăng tốc độ nhờ cấu hình này không chỉ cải thiện trải nghiệm người dùng mà còn trực tiếp tạo ra nhiều lưu lượng truy cập và doanh thu hơn.

Kết luận

Trong thời đại kỹ thuật số này, nơi sức mạnh tính toán tương đương với chi phí và tốc độ đồng nghĩa với khả năng cạnh tranh, mọi sự tối ưu hóa tài nguyên máy chủ đều làm tăng giá trị cho tài sản kỹ thuật số.

Nhiều người theo đuổi các dịch vụ trả phí đắt tiền nhưng lại bỏ qua tiềm năng to lớn tiềm ẩn trong các công cụ miễn phí.

Phiên bản miễn phí của Cloudflare có nhiều tính năng mạnh mẽ hơn nhiều so với tưởng tượng của hầu hết mọi người.

Giải pháp kỹ thuật tốt nhất không bao giờ là giải pháp đắt nhất, mà là giải pháp phù hợp nhất với nhu cầu của bạn.

Đối với 99% chủ sở hữu trang web cá nhân và các doanh nghiệp vừa và nhỏ, giải pháp bộ nhớ đệm dựa trên cookie miễn phí này là quá đủ để đáp ứng nhu cầu của họ.

Nó không yêu cầu bạn phải trả 200 đô la mỗi tháng, nhưng lại mang đến sự cải thiện hiệu suất gần như tương đương với gói trả phí.

Bản chất của công nghệ là giải quyết vấn đề, chứ không phải là tích lũy những công cụ đắt tiền.

Chúng ta thực sự nắm bắt được bản chất của công nghệ khi học cách xây dựng các hệ thống hiệu quả bằng những thành phần cơ bản nhất.

Nếu bạn đang sử dụng phiên bản miễn phí của Cloudflare và trang web của bạn được xây dựng trên WordPress, tôi đặc biệt khuyên bạn nên làm theo hướng dẫn này để cấu hình.

Bạn sẽ thấy tốc độ trang web của mình được cải thiện đáng kể và tải trọng máy chủ giảm đi rõ rệt.

Đây là một thao tác tối ưu hóa chỉ mất 5 phút để thực hiện và mang lại lợi ích cho bạn trong suốt cả năm.

Đừng để lãng phí các nguồn tài nguyên miễn phí; hãy hành động để giúp trang web của bạn chạy nhanh hơn.