Cách thiết lập Cloudflare APO cho WordPress – Đi sâu vào việc tăng hiệu suất lên đến 300%

Là một phần của lễ kỷ niệm “Tuần lễ sinh nhật” hàng năm, Cloudflare gần đây đã công bố phát hành “Tối ưu hóa nền tảng tự động” (APO) cho các trang web WordPress.

Đối với những người đam mê hiệu suất, APO của Cloudflare đại diện cho một bước tiến lớn để tối đa hóa hiệu suất WordPress.

Trong các bài kiểm tra điểm chuẩn của chúng tôi, chúng tôi nhận thấy rằng việc bật APO trên trang web thử nghiệm của chúng tôi đã giảm thời gian tải trang xuống 70-300% tùy thuộc vào vị trí thử nghiệm.

Trong bài viết này, chúng ta sẽ đi sâu vào cách hoạt động của Cloudflare APO và cách bạn có thể sử dụng nó để tăng hiệu suất cho trang web WordPress của mình!

Tối ưu hóa nền tảng tự động (APO) là gì?

Tối ưu hóa nền tảng tự động là một bộ dịch vụ tối ưu hóa nền tảng phù hợp với một cú nhấp chuột mới của Cloudflare.

Nền tảng đầu tiên nhận được “sự đối xử của APO” là WordPress, CMS phổ biến nhất thế giới với hơn 60% thị phần. Trong tương lai, chúng tôi hy vọng sẽ thấy các dịch vụ APO tương tự cho các CMS và nền tảng khác.

Ở cấp độ cao, WordPress APO của Cloudflare cải thiện hiệu suất trang web theo hai cách chính.

1. Các bản sao HTML tĩnh của các trang trên trang web WordPress của bạn được lưu trữ trong các máy chủ biên của Cloudflare trên khắp thế giới.
2. Các phông chữ của bên thứ ba được Cloudflare lưu trữ và phân phát.

Chúng ta hãy cùng xem xét cách thức và lý do APO hoạt động ở cấp độ kỹ thuật.

HTML tĩnh ở Edge

Yếu tố khác biệt chính giữa APO của Cloudflare và các giải pháp CDN và bộ nhớ đệm trang truyền thống khác là khả năng lưu trực tiếp HTML tĩnh vào bộ nhớ đệm của Cloudflare. Để vẽ một bức tranh rõ ràng hơn, hãy xem qua bốn thiết lập WordPress khác nhau từ “không tối ưu hóa” đến APO.

Thiết lập WordPress # 1 – Không có bộ đệm trang hoặc CDN

Theo mặc định, WordPress không đi kèm với bộ nhớ đệm trang hoặc hỗ trợ CDN. Với cấu hình này, tất cả các yêu cầu cần được tạo động bởi PHP ngay cả khi không có nội dung trang nào bị thay đổi giữa các yêu cầu.

Hơn nữa, không có tích hợp mạng phân phối nội dung (CDN) có nghĩa là tất cả các nội dung tĩnh như CSS, JS, hình ảnh và phông chữ đều do máy chủ gốc phục vụ.

Cấu hình này có thể làm cho một trang web WordPress rất chậm, đặc biệt là đối với những khách truy cập ở xa máy chủ gốc.

Thiết lập WordPress # 2 – Bộ nhớ đệm trang không có CDN

Thực hiện bộ nhớ đệm trang là một trong những chiến thuật tốt nhất để cải thiện hiệu suất WordPress. Tại Kinsta, ngăn xếp lưu trữ của chúng tôi bao gồm một lớp bộ nhớ đệm trang được tinh chỉnh cao được hỗ trợ bởi mô-đun bộ nhớ cache FastCGI của Nginx.

Bộ nhớ đệm trang giúp giảm tải CPU trên máy chủ gốc một cách đáng kể vì các yêu cầu có thể được phục vụ từ bộ đệm mà không cần tạo HTML động.

Điều này giải phóng CPU của bạn để tập trung vào các tác vụ động quan trọng khác và làm cho trang web WordPress của bạn ổn định hơn. Mặc dù cấu hình này có thể cho phép trang web của bạn phục vụ nhiều yêu cầu hơn mỗi giây, nhưng nó không giải quyết được “vấn đề khoảng cách”.

Nếu không có CDN thích hợp, việc phục vụ tài sản tĩnh cho khách phương xa vẫn là một vấn đề nan giải.

Thiết lập WordPress # 3 – Bộ nhớ đệm trang với CDN

Cho đến nay, bộ nhớ đệm trang với việc bổ sung CDN để cung cấp nội dung tĩnh là cách hiệu quả nhất để lưu trữ các trang web WordPress.

Trong mô hình này, máy chủ gốc vẫn chịu trách nhiệm cung cấp HTML thực tế cho một trang. Tuy nhiên, các nội dung tĩnh như tệp CSS, hình ảnh và phông chữ được giảm tải xuống các Điểm hiện diện CDN (PoP) khác nhau trên khắp thế giới. . Do đó, bằng cách giảm tải nội dung xuống máy chủ gần với khách truy cập hơn, bạn có thể giảm thời gian tải và cải thiện hiệu suất.

Mặc dù cấu hình này cung cấp một cải tiến đáng kể so với hai cấu hình trước, nhưng nó khiến bạn tự hỏi điều gì sẽ xảy ra nếu hiệu suất WordPress không còn bị tắc nghẽn do phải phân phát HTML từ máy chủ gốc.

Đáng ngạc nhiên là thiết lập như vậy không khả thi cho đến khi giới thiệu APO của Cloudflare cho WordPress – ít nhất là không dành cho người dùng không phải là kỹ thuật.

Thiết lập WordPress # 4 – Cloudflare APO cho WordPress

Cloudflare APO là phiên bản mới nhất trong thế giới về hiệu suất của WordPress. Không giống như các thiết lập WordPress trước đó bị tắc nghẽn bởi hiệu suất của máy chủ gốc, các trang web có bật APO về cơ bản trở thành “vô nguồn gốc” từ quan điểm của khách truy cập.

Để thực hiện điều này, Cloudflare sử dụng CDN được phân phối toàn cầu cùng với Công nhân / Công nhân KV để tạo ra một bản trình bày HTML tĩnh cho trang web WordPress của bạn. Chúng ta sẽ tìm hiểu thêm về cách thức hoạt động của Cloudflare APO ở phần sau của bài viết.

Hiện tại, chỉ cần biết rằng một trang web WordPress tương thích có bật APO không còn phải chịu độ trễ do nguồn gốc nữa. Nói cách khác, các yêu cầu từ khách truy cập ở Hoa Kỳ, Đức và Nhật Bản sẽ được phục vụ từ các trung tâm dữ liệu lân cận thay vì máy chủ gốc của bạn.

Bạn muốn tìm hiểu thêm về cách tăng tốc trang web WordPress của mình với Cloudflare APO? Xem bản ghi hội thảo trên web của chúng tôi với Garrett Galow của Cloudflare!

Tình hình hoạt động của web vào năm 2022

Trong vài năm qua, đã có một bước chuyển lớn trong ngành phát triển web chuyên nghiệp. Ngày càng có nhiều nhà phát triển chuyển từ nền tảng duy nhất là WordPress sang các trình tạo trang web tĩnh nhanh nhẹn và hoạt động hiệu quả hơn như Hugo và các khung JavaScript như Gatsby.

Chúng tôi sử dụng thuật ngữ “hiệu suất” một cách thận trọng vì hiệu suất web thường có thể được hiểu là một số liệu chủ quan.

Ví dụ: thời gian tải của một trang có thể dao động tùy thuộc vào vị trí thử nghiệm và thời gian trong ngày.

Do đó, việc nói một cách mù quáng rằng một trang web tĩnh Gatsby nhanh hơn một trang web WordPress sẽ không có giá trị gì cho đến khi một số ngữ cảnh cho lập luận được thiết lập.

Trong thế giới được kết nối cao ngày nay, một trong những bối cảnh quan trọng nhất để kiểm tra hiệu suất web là thời gian tải trên các khu vực khác nhau trên thế giới.

Đây là nơi các trang web tĩnh có lợi thế hơn WordPress khi nói đến hiệu suất. Theo mặc định, các trang web tĩnh có thể được tải trực tiếp lên các CDN được phân phối trên toàn cầu – điều này giúp chúng nhanh chóng đi khắp thế giới mà không cần thực hiện thêm bất kỳ công việc nào.

Vì các trang web WordPress yêu cầu một máy chủ gốc nào đó để tạo HTML, nên nó không thể trực tiếp tận dụng các nền tảng như Netlify, Vercel và Trang web công nhân của chính Cloudflare để phân phối toàn cầu dễ dàng. Từ góc độ kinh doanh, điều này có nghĩa là bạn có thể mất khách truy cập tiềm năng và khách hàng ở xa máy chủ gốc của bạn vì Google tính đến tốc độ trang khi tạo kết quả tìm kiếm.

Đây là lúc APO của Cloudflare dành cho WordPress phát huy tác dụng.

Tối ưu hóa nền tảng tự động của Cloudflare cho WordPress là sự suy nghĩ lại hoàn toàn về ý nghĩa của hiệu suất WordPress vào năm 2022. Như chúng tôi đã đề cập trước đó, việc bật APO trên trang web thử nghiệm của chúng tôi đã giảm thời gian tải từ 70-300% tùy thuộc vào vị trí thử nghiệm. Điều này có thể thực hiện được vì APO loại bỏ hiệu quả máy chủ gốc làm tắc nghẽn hiệu suất.

Cách tối ưu hóa nền tảng tự động của Cloudflare hoạt động

Với Cloudflare APO, HTML của trang web WordPress của bạn được lưu trữ trong các máy chủ biên của Cloudflare trên khắp thế giới. Điều này có thể thực hiện được nhờ Công nhân KV, một dịch vụ cơ sở dữ liệu khóa-giá trị phân tán với khả năng lan truyền toàn cầu siêu nhanh (dưới 60 giây).

Khi dữ liệu được ghi tới Công nhân KV thông qua API Cloudflare, dữ liệu đó sẽ tự động được sao chép tới hơn 150 trung tâm dữ liệu Cloudflare trên khắp thế giới trong vòng vài giây.

Điều này làm cho Công nhân KV trở thành ứng cử viên hàng đầu để tăng tốc các trang web WordPress vì các bài đăng và trang có thể dễ dàng được biểu diễn bằng cơ chế khóa-giá trị – URL là “khóa” và nội dung trang HTML là “giá trị”.

Khi APO được bật cho trang web WordPress của bạn, phần lớn các yêu cầu đến trang web của bạn sẽ không còn truy cập vào máy chủ gốc của bạn nữa.

Thay vào đó, yêu cầu sẽ được phân phát từ bộ nhớ cache Cloudflare CDN cục bộ (nếu trang được lưu trong bộ nhớ cache tồn tại) hoặc Công nhân KV (nếu trang được lưu trong bộ nhớ cache không tồn tại trên CDN của Cloudflare).

Nếu một trang không tồn tại trong bộ nhớ cache CDN hoặc cơ sở dữ liệu Công nhân KV, thì Cloudflare sẽ thực hiện một yêu cầu duy nhất tới máy chủ gốc của bạn và lưu vào bộ nhớ cache HTML của trang mới.

Điều kỳ diệu ở đây nằm ở chỗ Cloudflare worker KV hoạt động như một bản sao phân tán cho máy chủ gốc của bạn. Hãy nhớ lại rằng dữ liệu được lưu trữ trong Công nhân KV được tự động sao chép trên toàn bộ mạng máy chủ của Cloudflare.

Điều này có nghĩa là ngay cả khi máy chủ gốc của bạn chạy WordPress được đặt ở đâu đó ở Hoa Kỳ, thì một yêu cầu từ khách truy cập ở Nhật Bản sẽ không cần phải truy cập máy chủ gốc của bạn để chiếm ưu thế trong vùng bộ nhớ cache CDN cục bộ.

Thay vào đó, khách truy cập từ Nhật Bản sẽ được cung cấp HTML đã lưu trong bộ nhớ cache từ cơ sở dữ liệu Công nhân KV của trung tâm dữ liệu Cloudflare gần đó hoặc bộ nhớ cache CDN.

Mô hình phân phối mới này hoàn toàn khác với những nỗ lực trước đây đối với bộ đệm trang HTML cho WordPress.

Trước đây, phương pháp “bộ nhớ đệm toàn trang” phổ biến nhất liên quan đến việc tạo quy tắc trang Cloudflare để “lưu trữ mọi thứ vào bộ nhớ cache”. Mặc dù phương pháp này có thể mang lại hiệu suất tăng đáng kể, nhưng nó không phải là một phương pháp lưu vào bộ nhớ đệm rất hiệu quả vì nó dựa trên mô hình “pull” thay vì mô hình “push” của worker KV tự động đẩy HTML ra toàn cầu.

Với thiết lập dựa trên quy tắc trang trước đó, khách truy cập vào vùng bộ nhớ cache Cloudflare ở Hoa Kỳ sẽ không lưu nội dung vào bộ nhớ cache cho khách truy cập ở các vị trí khác – điều này có nghĩa là các trang web không thể tận dụng hiệu quả mạng của Cloudflare từ góc độ phân phối nội dung toàn cầu.

Tối ưu hóa nền tảng tự động cũng tiến thêm một bước nữa bằng cách lưu vào bộ nhớ đệm các phông chữ của bên thứ ba. Trong nhiều trường hợp, phông chữ có thể chiếm một phần đáng kể kích thước yêu cầu của trang.

Không giống như CSS, JS và hình ảnh, thường được phân phát từ miền gốc, phông chữ thường được phân phát từ các dịch vụ của bên thứ ba như Google Fonts. Điều này có nghĩa là các dịch vụ bộ nhớ đệm dựa trên proxy như Cloudflare không thể lưu vào bộ đệm phông chữ và phân phát phông chữ.

Vì APO được cung cấp bởi Cloudflare Worker – một nhân viên dịch vụ JavaScript có thể lập trình nằm giữa máy chủ gốc của bạn và khách truy cập – nên có thể đưa thêm logic để hoàn thành các tác vụ ngoài bộ nhớ đệm cơ bản.

Trong trường hợp này, APO sử dụng Cloudflare Worker để lưu vào bộ đệm các phông chữ của bên thứ ba và sửa đổi HTML của trang của bạn bằng CSS nội tuyến để trỏ đến phông chữ được lưu trong bộ nhớ cache trên CDN của Cloudflare. Điều này loại bỏ nhu cầu về các yêu cầu bên ngoài bổ sung để tìm nạp phông chữ, đồng thời giảm số lượng kết nối và thời gian tải cần thiết để phân phát một trang.

Cuối cùng, vì APO tích hợp với trang web của bạn thông qua một plugin WordPress, bộ nhớ cache Cloudflare sẽ tự động bị xóa bất cứ khi nào bạn cập nhật một trang trên trang web của mình. Điều này đảm bảo rằng khách truy cập sẽ luôn có thể xem phiên bản mới nhất của trang web của bạn mà không cần bất kỳ sự can thiệp thủ công nào.

Tối đa hóa hiệu suất WordPress với Hosting hiệu suất cao và Cloudflare APO

Tuy nhiên, Cloudflare APO không phải là một viên đạn bạc. Việc chọn một máy chủ WordPress được quản lý tập trung vào hiệu suất như Kinsta vẫn rất quan trọng vì hai lý do chính.

1. Cloudflare APO chỉ lưu vào bộ đệm các trang giao diện người dùng chưa đăng nhập. Tương tự như cấu hình bộ nhớ đệm trang cấp máy chủ của Kinsta, APO không lưu vào bộ đệm các trang có cookie cụ thể và cho người dùng đã đăng nhập. Điều này có nghĩa là hiệu suất máy chủ gốc vẫn là một phần quan trọng của phương trình.
2. Trải nghiệm WordPress tuyệt vời được tạo nên từ nhiều thứ không chỉ là hiệu suất giao diện người dùng nhanh. Vì WordPress là một CMS động, nên có nhiều yếu tố cần cân nhắc khi vận hành một trang WordPress. Các máy chủ được quản lý như Kinsta cung cấp hỗ trợ 24/7 phù hợp với WordPress, sao lưu trang web, đảm bảo bảo mật và hơn thế nữa.

Dưới đây là bốn trường hợp sử dụng cho thấy lý do tại sao bạn vẫn nên chọn một máy chủ WordPress hiệu suất cao ngay cả khi bạn đang sử dụng Cloudflare APO.

1. WooCommerce, Tải xuống kỹ thuật số dễ dàng và Thương mại điện tử

Cloudflare APO bỏ qua một cách chọn lọc bộ nhớ đệm khi phát hiện thấy một số cookie liên quan đến thương mại điện tử. Ví dụ: khi khách truy cập thêm một mặt hàng vào giỏ hàng trên trang WooCommerce, WordPress sẽ tự động đặt cookie woocommerce_items_in_cart . Khi cookie này được phát hiện, APO sẽ bỏ qua bộ nhớ cache để tránh lưu vào bộ nhớ đệm và cung cấp dữ liệu dành riêng cho khách hàng. Do đó, WooCommerce và các nền tảng thương mại điện tử khác do WordPress cung cấp sẽ vẫn phụ thuộc nhiều vào hiệu suất của máy chủ gốc ngay cả khi đã bật Tối ưu hóa nền tảng tự động.

2. Hiệu suất bảng điều khiển WordPress

Vì Cloudflare APO không lưu vào bộ đệm HTML cho người dùng đã đăng nhập nên việc điều hướng xung quanh bảng điều khiển WordPress sẽ luôn chỉ dựa vào hiệu suất máy chủ gốc của bạn. Nếu bạn không sử dụng máy chủ được tối ưu hóa hiệu suất, các tác vụ như viết và xuất bản nội dung, quản lý hình ảnh và các tài sản phương tiện khác cũng như chạy các quy trình bảo trì trên trang web WordPress của bạn có thể trở thành trải nghiệm rất chậm. Điều này có ảnh hưởng trực tiếp, tiêu cực đến kết quả kinh doanh của bạn.

3. Trang web dành cho thành viên và diễn đàn thảo luận của WordPress

Nếu bạn đang sử dụng một plugin như Ultimate Membership Pro để quản lý trang web thành viên WordPress của mình hoặc bbPress để cung cấp năng lượng cho diễn đàn WordPress, Cloudflare APO sẽ không thể tối ưu hóa phần lớn lưu lượng truy cập của bạn. Vì các trang web thành viên và diễn đàn thường yêu cầu người dùng đăng nhập, Cloudflare APO sẽ tự động bỏ qua bộ nhớ đệm HTML cho những người dùng đó. Do đó, sử dụng máy chủ lưu trữ hiệu suất cao vẫn là cách tốt nhất để duy trì trải nghiệm người dùng nhanh chóng cho các trang web thành viên và diễn đàn thảo luận của WordPress.

4. Việc làm WordPress Cron

WordPress cron (WP-Cron) giúp bạn lên lịch và tự động hóa các tác vụ phụ trợ trên trang WordPress. Trang web của bạn có thể sử dụng một công việc cron để xuất bản một bài đăng vào một thời điểm cụ thể. Một tác vụ đơn giản như thế này không đòi hỏi nhiều về tài nguyên CPU, nhưng các tác vụ khác có thể sử dụng nhiều tài nguyên hơn. Ví dụ: một tác vụ như sử dụng một plugin để tự động sao lưu trang web WordPress của bạn vào kho lưu trữ ZIP sau mỗi 12 giờ sẽ tốn nhiều CPU hơn.

Vì Cloudflare APO chỉ giúp tối ưu hóa nội dung giao diện người dùng, bạn vẫn cần lưu trữ trang web của mình trên một máy chủ hiệu suất cao như Kinsta để tối đa hóa hiệu suất của các tác vụ phụ trợ và trải nghiệm người dùng đã đăng nhập. Bạn có thể có thêm những trải nghiệm này bằng cách sử dụng tính năng thu nhỏ mã được tích hợp ngay trong bảng điều khiển MyKinsta. Điều này cho phép khách hàng kích hoạt tính năng thu nhỏ CSS và JavaScript tự động chỉ với một cú nhấp chuột đơn giản.

Cách sử dụng Tối ưu hóa nền tảng tự động Cloudflare cho WordPress

Bây giờ chúng ta đã thảo luận về lý do tại sao Tối ưu hóa nền tảng tự động Cloudflare cho WordPress là một công cụ thay đổi cuộc chơi, hãy xem cách thêm dịch vụ vào trang web WordPress của bạn.

APO có sẵn cho cả gói Cloudflare miễn phí và trả phí. Đối với người dùng Cloudflare miễn phí, có thêm $ 5 / tháng phí APO. Nếu bạn đang sử dụng gói Pro, Business hoặc Enterprise trên Cloudflare, APO có thể được bật mà không phải trả thêm phí.

Đây là những gì bạn cần làm để bắt đầu với Cloudflare APO:

1. Tạo mã thông báo API trong bảng điều khiển Cloudflare.
2. Cài đặt plugin Cloudflare WordPress chính thức.
3. Bật Tối ưu hóa Nền tảng Tự động.

1. Tạo Mã thông báo API Cloudflare

Trước khi bật APO, bạn cần tạo mã thông báo API và cài đặt plugin Cloudflare WordPress trước. Để tạo mã thông báo API, hãy nhấp vào biểu tượng hồ sơ của bạn ở trên cùng bên phải của trang tổng quan Cloudflare, nhấp vào “Hồ sơ của tôi”, chọn tab “Mã thông báo API” và nhấp vào Tạo mã thông báo.

Trong “Mẫu mã thông báo API”, hãy nhấp vào Sử dụng mẫu bên cạnh tùy chọn WordPress.

Mẫu “WordPress” sẽ tạo mã thông báo API với các quyền cần thiết cho phép Tối ưu hóa nền tảng tự động hoạt động chính xác. Cài đặt mặc định là tất cả những gì bạn cần để bắt đầu với APO, nhưng hãy thoải mái điều chỉnh cài đặt “Tài nguyên tài khoản” và “Tài nguyên vùng” nếu bạn cần khóa mã thông báo API đối với người dùng hoặc vùng cụ thể.

Khi bạn đã hoàn tất việc định cấu hình các thông số mã thông báo, hãy cuộn xuống và nhấp vào Tiếp tục đến Tóm tắt .

Cuối cùng, nhấp vào Tạo mã thông báo để hoàn tất quá trình.

Đảm bảo sao chép mã thông báo API đến một vị trí an toàn. Bạn sẽ cần nó sau này khi cài đặt plugin Cloudflare WordPress. Sau khi bạn đã ghi lại mã thông báo API ở một nơi an toàn như trình quản lý mật khẩu, vui lòng đóng trang.

2. Cài đặt Plugin WordPress Cloudflare

Bạn có thể cài đặt plugin Cloudflare WordPress trực tiếp từ kho plugin WordPress. Để tìm nó, hãy tìm kiếm “Cloudflare” trong bảng điều khiển WordPress của bạn. Đảm bảo cài đặt plugin Cloudflare chính thức chứ không phải “WP Cloudflare Super Page Cache”, đây là kết quả tìm kiếm đầu tiên.

Tiếp theo, đi tới Cài đặt> Cloudflare trong thanh bên bảng điều khiển WordPress của bạn và nhấp vào “Đăng nhập tại đây”.

Nhập địa chỉ email được liên kết với tài khoản Cloudflare của bạn cùng với mã thông báo API bạn đã tạo trước đó. Nhấp vào Lưu thông tin đăng nhập API để hoàn tất quá trình đăng nhập.

Bây giờ plugin Cloudflare WordPress đã được thiết lập xong, hãy chuyển đến trang tổng quan Cloudflare để bật Tối ưu hóa nền tảng tự động.

3. Bật Tối ưu hóa nền tảng tự động trong Cloudflare

Tối ưu hóa nền tảng tự động cho WordPress được bao gồm trong các gói Cloudflare Pro, Business và Enterprise mà không phải trả thêm phí. Nếu bạn đang sử dụng gói Cloudflare miễn phí, thì phần bổ sung APO là $ 5 / tháng. Để bật APO, hãy chuyển đến Tốc độ> Tối ưu hóa trong trang tổng quan Cloudflare của bạn.

Cuộn xuống phần “Phân phối được tối ưu hóa” và bật “Tối ưu hóa nền tảng tự động cho WordPress”. Nếu bạn đang sử dụng gói miễn phí, Cloudflare sẽ nhắc bạn với chi tiết thanh toán trong thời gian này. Sau khi bật APO, bạn sẽ thấy thông báo cho biết “Đã phát hiện thành công plugin WordPress trên [miền của bạn]”. Nếu bạn không thấy thông báo này, chúng tôi khuyên bạn nên cài đặt lại plugin Cloudflare hoặc liên hệ với bộ phận hỗ trợ của Cloudflare để được hỗ trợ thêm.

Trong bảng điều khiển WordPress của bạn, đi tới Cài đặt> Cloudflare trong thanh bên. Nhấp vào nút Áp dụng bên cạnh “Áp dụng cài đặt Cloudflare được đề xuất cho WordPress” – điều này sẽ tối ưu hóa cài đặt Cloudflare của bạn cho WordPress. Cuối cùng, hãy đảm bảo rằng “Tối ưu hóa nền tảng tự động” cũng được bật trong cài đặt plugin.

Cách xác nhận Cloudflare APO cho WordPress đang hoạt động

Tại thời điểm này, Tối ưu hóa nền tảng tự động Cloudflare sẽ hoạt động trên trang web của bạn! Đây là cách bạn có thể xác nhận rằng APO đang hoạt động bình thường. Trước tiên, hãy đảm bảo rằng đám mây màu cam trong tab DNS của Cloudflare được bật cho miền trang web WordPress của bạn. Nếu đám mây màu cam không được bật, Cloudflare sẽ không ủy quyền lưu lượng truy cập cho miền của bạn – điều này có nghĩa là APO cũng sẽ không hoạt động.

Cách kiểm tra trạng thái bộ nhớ cache của Cloudflare APO bằng Trình kiểm tra trình duyệt

Tiếp theo, bạn có thể kiểm tra các tiêu đề HTTP cho một yêu cầu đến trang web của bạn bằng trình kiểm tra tích hợp sẵn của trình duyệt web của bạn. Chúng tôi sẽ sử dụng Google Chrome trong ví dụ bên dưới. Để bắt đầu, hãy khởi chạy một cửa sổ trình duyệt mới ở Chế độ ẩn danh.

Tiếp theo, truy cập trang web WordPress của bạn, nhấp chuột phải vào trang và chọn Kiểm tra để mở trình kiểm tra trình duyệt. Bạn cũng có thể truy cập trình kiểm tra bằng cách đi tới Chế độ xem> Nhà phát triển> Công cụ dành cho nhà phát triển trong thanh menu Chrome. Nhấp vào yêu cầu miền của bạn (brianwp.com trong ví dụ bên dưới). Trong menu con, nhấp vào “Tiêu đề” để hiển thị tiêu đề phản hồi HTTP.

Khi APO được bật, bạn sẽ thấy một vài tiêu đề liên quan đến APO.

• cf-apo-via cho biết yêu cầu đang được phân phát từ đâu. Có một vài giá trị có thể có cho tiêu đề này – “origin, no-cache”, “origin, bypass” và “cache”. Nếu bạn thấy giá trị “origin, no-cache” cho tiêu đề này, điều đó có nghĩa là máy chủ gốc đã được gửi một tiêu đề “Cache-Control: no-cache” tới Cloudflare. Giá trị “origin, bypass” cho biết bộ nhớ cache HTML của Cloudflare đã bị bỏ qua và yêu cầu được cung cấp từ nguồn gốc. Cuối cùng, giá trị “bộ nhớ cache” cho biết yêu cầu đã được phân phát từ bộ nhớ cache của Cloudflare.
• cf-cache-status cho biết trang có đang được phân phát từ CDN của Cloudflare hay không. Sau khi làm mới trang một vài lần, bạn sẽ thấy trạng thái “HIT”. Nếu tiêu đề cf-cache-status của bạn hiển thị “DYNAMIC” sau một vài lần làm mới, có thể APO đang bị bỏ qua do lỗi cấu hình hoặc không tương thích liên quan đến cookie.
• cf-edge-cache cho biết khả năng tương thích với bộ đệm của trang theo hướng dẫn bộ nhớ đệm từ máy chủ gốc của bạn. Có hai giá trị có thể có cho tiêu đề này – “no-cache” và “cache, platform = wordpress”. Khi APO được định cấu hình đúng cách với plugin Cloudflare WordPress, tiêu đề này sẽ trả về “no-cache” cho các trang không được lưu trong bộ nhớ cache và “cache, platform = wordpress” cho các trang có thể lưu vào bộ nhớ cache.
• age cho biết số giây mà một trang đã được lưu vào bộ nhớ cache trong CDN của Cloudflare.

Nếu bạn thấy các tiêu đề ở trên khi kiểm tra trang web WordPress của mình, điều đó có nghĩa là APO đã được thiết lập xong. Bây giờ, hãy tiếp tục và chạy kiểm tra tốc độ để xem trang web của bạn nhanh hơn bao nhiêu!

Cách kiểm tra trạng thái bộ nhớ cache của Cloudflare APO bằng cuộn tròn

Bạn cũng có thể xác nhận Cloudflare APO đang hoạt động bằng cách sử dụng lệnh curl bên dưới trong Terminal. Lưu ý rằng lệnh chuyển qua tiêu đề “Accept: text / html”. Điều này là bắt buộc khi kiểm tra trạng thái bộ nhớ cache của APO.

curl --request GET -I -H "Accept: text/html" https://www.website.com

Sau khi chạy lệnh, bạn sẽ thấy danh sách các tiêu đề phản hồi như bên dưới. Như bạn có thể thấy, các tiêu đề cf-cache-status , cf-apo-via , cf-edge-cache và age cho thấy yêu cầu được cung cấp bởi bộ nhớ cache của Cloudflare.

Tối ưu hóa nền tảng tự động mà không cần plugin Cloudflare

Cloudflare khuyên bạn nên sử dụng Tối ưu hóa nền tảng tự động với plugin Cloudflare WordPress chính thức. Đây cũng là phương pháp chúng tôi đề xuất vì nó đảm bảo bạn sẽ nhận được nhiều lợi ích về hiệu suất nhất từ APO. Nếu trang web của bạn không tương thích với plugin Cloudflare WordPress, chúng tôi khuyên bạn nên làm việc với nhà phát triển để làm cho trang web của bạn tương thích.

Nếu bạn thực sự không thể cài đặt plugin Cloudflare, bạn có thể sử dụng APO mà không cần plugin. Nếu bạn chọn con đường này, bạn sẽ vẫn có thể tận dụng một số tối ưu hóa hiệu suất, nhưng có một số hạn chế quan trọng cần lưu ý.

Cloudflare APO với WordPress Plugin

Với plugin Cloudflare WordPress được cài đặt, Tối ưu hóa nền tảng tự động cung cấp các tính năng bộ đệm cạnh HTML sau.

• Bộ nhớ đệm cạnh HTML với TTL 30 ngày.
• Bộ nhớ đệm bị vô hiệu trong vòng 30 giây sau khi bài đăng được xuất bản hoặc cập nhật.
• Bỏ qua bộ nhớ đệm HTML cho người dùng đã đăng nhập.
• Bỏ qua bộ nhớ đệm HTML cho một số cookie nhất định như WooCommerce.
• Bỏ qua yêu cầu đến máy chủ gốc nếu một trang có thể được phân phát từ CDN của Cloudflare. Điều này làm giảm tải trên máy chủ gốc của bạn.

Cloudflare APO Không có Plugin WordPress

Nếu plugin Cloudflare WordPress chưa được cài đặt, bạn có thể thấy các tính năng sau cho bộ nhớ đệm cạnh APO HTML.

• Bộ nhớ đệm cạnh HTML với TTL 30 ngày.
• Bộ nhớ cache bị vô hiệu trong vòng 30 phút (thay vì 30 giây) .
• Bỏ qua bộ nhớ đệm HTML cho một số cookie nhất định như WooCommerce.
• Yêu cầu đối với máy chủ gốc vẫn được yêu cầu để cung cấp logic vô hiệu bộ đệm chính xác.

Như bạn có thể thấy, có một số lợi thế khi sử dụng Tối ưu hóa nền tảng tự động với plugin Cloudflare WordPress chính thức.

Bản tóm tắt

Cloudflare Tự động Tối ưu hóa Nền tảng cho WordPress chắc chắn là dịch vụ quan trọng nhất để tăng hiệu suất WordPress trong lịch sử gần đây. Nó vượt ra ngoài việc tối ưu hóa máy chủ web thông thường, bộ nhớ đệm trang phía máy chủ và các chiến lược rút gọn CSS / JS, và trình bày một cái gì đó hoàn toàn mới.

Kể từ khi ra đời, WordPress đã bị hạn chế bởi thực tế là không có một cách sắp xếp hợp lý và dễ dàng để lưu trữ các trang HTML trên CDN. Bằng cách tận dụng mạng lưới hơn 150 trung tâm dữ liệu, Công nhân và Công nhân KV, Cloudflare đã san bằng sân chơi hiệu suất giữa các trang web WordPress và các trang web tĩnh được thiết kế với các khuôn khổ tiên tiến.

Đây không phải là một kỳ tích nhỏ và chúng tôi mong muốn được biết cách Cloudflare mở rộng tính năng Tối ưu hóa nền tảng tự động của mình sang các nền tảng CMS bổ sung trong tương lai.

Bạn có đang sử dụng Cloudflare APO để tăng tốc trang web WordPress của mình không? Cho chúng tôi biết trong các ý kiến dưới đây!