Hướng dẫn này sẽ chỉ cho bạn cách tăng tốc độ tải trang web Wordpress bằng W3 Total Cache Plugin và tài khoản CloudFlare CDN miễn phí. Trong hướng dẫn này, hệ thống CMS Wordpress được cài đặt trên một ngăn xếp LAMP (Linux + máy chủ Apache HTTP + MariaDB RDBMS và PHP) trên máy ảo tự lưu trữ Debian 9, nhưng quy trình tương tự có thể được áp dụng thành công, với một số thay đổi nhỏ, trên bất kỳ trang web Wordpress nào, cho dù được triển khai trên máy chủ chuyên dụng, VPS hay trên môi trường lưu trữ chia sẻ.
YÊU CẦU
Trong trường hợp trang web Wordpress của bạn được cài đặt trên một máy chủ chuyên dụng trên một ngăn xếp LAMP, điều đầu tiên bạn cần kiểm tra là liệu bạn có thể cài đặt các plugin mới từ bảng điều khiển Wordpress mà không cần cài đặt máy chủ FTP cục bộ hay không. Nếu bạn được yêu cầu nhập tài khoản FTP để cài đặt plugin mới, thì bạn cần kích hoạt phương pháp ghi hệ thống tệp trực tiếp của Wordpress. Để bật tính năng Wordpress này, hãy mở tệp wp-config.php nằm trong thư mục gốc của trang web và thêm dòng mã sau vào bất kỳ đâu trong nội dung của tệp.
Bạn cũng có thể chạy lệnh sau để đạt được mục đích tương tự mà không cần cập nhật thủ công tệp wp-config.php, như minh họa trong ảnh chụp màn hình bên dưới.
Trước khi thiết lập plugin W3 Total Cache với CloudFlare CDN, hãy truy cập trang web GTmetrix theo liên kết sau https://gtmetrix.com và thực hiện kiểm tra hiệu suất cho tên miền của bạn để so sánh kết quả sau khi tích hợp CDN.
2. Sau đó, di chuyển đến Cài đặt chung và bật tùy chọn Bộ nhớ đệm trang . Sử dụng phương pháp bộ nhớ đệm trang Disk:Enhaced và cuộn xuống để chuyển đến tùy chọn tiếp theo.
3. Tiếp theo, cuộn xuống và tắt Minify, Database Cache và Object Cache, vì CloudFlare CDN sẽ đảm nhiệm việc thu nhỏ các tệp javascript, CSS và HTML của trang web của bạn và cũng sẽ cung cấp cơ chế lưu trữ đệm riêng.
Bạn nên tắt Database Cache trong trường hợp trang web Wordpress được cài đặt trên môi trường lưu trữ chia sẻ.
4.Tiếp theo, cuộn xuống và bật Bộ nhớ đệm trình duyệt như minh họa trong hình ảnh bên dưới.
5. Cuộn xuống và tắt tùy chọn CDN và Proxy ngược, sau đó di chuyển đến tab Khác và bật tùy chọn sau: Xác minh quy tắc viết lại. Đảm bảo bạn vô hiệu hóa tất cả các tùy chọn khác như được trình bày trong hình ảnh bên dưới.
6. Tiếp theo, cuộn xuống và vô hiệu hóatất cả tùy chọn Gỡ lỗi. Cuối cùng, nhấp vào nút Lưu tất cả cài đặt để áp dụng cấu hình. Ngoài ra, tại đây bạn có tùy chọn xuất cấu hình plugin W3 Total Cache hoặc đặt lại plugin về cài đặt mặc định trong trường hợp có sự cố xảy ra.
7. Các thiết lập tiếp theo sẽ bao gồm tùy chọnBộ nhớ đệm trang từ menu bên trái. Chuyển đến tab Chungvà bật các tùy chọn sau như minh họa trong ảnh chụp màn hình bên dưới.
8. Tiếp theo, cuộn xuống và bật tùy chọn Lưu trữ tên máy chủ bí danh. Viết tất cả các bí danh trang web của bạn (có hoặc không có www) trong URL trang chủ bổ sung và cuộn xuống tùy chọn tiếp theo.
9. Trên tab CTải trước ache, hãy bật Tự động chuẩn bị bộ đệm trang. Không thay đổi các giá trị cho Khoảng thời gian cập nhật và Số trang trên mỗi khoảng thời gian. Ngoài ra, bạn nên thêm sơ đồ trang web URL XML cho trang web. Ngoài ra, hãy đảm bảo rằng bạn bật tùy chọn Tải trước bộ đệm bài đăng khi xuất bản.
10. Tiếp theo, cuộn xuống và bật các tùy chọn Trang chủ, Trang bài đăng, Nguồn cấp dữ liệu blog, Trang bình luận bài đăng và rss2 từ Chính sách xóa: Màn hình bộ đệm trang như mô tả trong hình ảnh bên dưới.
11. Cuối cùng, cuộn xuống tab Nâng cao và chỉ bật tùy chọn Chế độ tương thích. Để nguyên tất cả các tùy chọn khác theo mặc định và nhấn vào nút Lưu tất cả cài đặt để áp dụng những thay đổi đã thực hiện cho đến nay.
12. Tiếp theo, điều hướng đến menu Bộ nhớ đệm trình duyệt và trên tab Chung hãy đảm bảo bạn bật các tùy chọn sau như được trình bày trong ảnh chụp màn hình bên dưới.
13.Tiếp tục cuộn xuống và bật các tùy chọn sau cho CSS & JS, XTML & XML và Phương tiện & Các tệp khác tab như mô tả bên dưới:
14. Cuối cùng, nhấn vào nút Lưu tất cả cài đặt để áp dụng cấu hình plugin W3 Total Cache. Tuy nhiên, bạn nên tinh chỉnh cài đặt plugin W3 Total Cache và chạy thử nghiệm để xác định các tùy chọn tốt nhất cho trang web của mình.
16. Để cấu hình plugin CloudFlare, nhấp vào liên kết Cài đặt từ menu Tiện ích mở rộng như được trình bày trong ảnh chụp màn hình bên dưới.
17. CloudFlare là dịch vụ mạng phân phối nội dung (CDN) hoạt động như một trình tăng tốc proxy ngược cho các trang web. Trong số các tính năng khác, một số tính năng bạn sẽ phải trả phí, CloudFlare cung cấp dịch vụ DNS và bảo mật tích hợp cho các trang web được lưu trong bộ nhớ đệm. Để tích hợp một trang web vào CloudFlare CDN, tất cả những gì bạn cần làm là đăng ký một tài khoản miễn phí tại liên kết sau https://www.cloudflare.com/a/login và thêm tên miền của bạn vào mạng của họ như minh họa trong ảnh chụp màn hình bên dưới.
18. Đợi khoảng một phút để CloudFlare quét các bản ghi DNS tên miền của bạn và nhấn vào nút Tiếp tục để chuyển đến màn hình bản ghi DNS. Trên màn hình bản ghi DNS đã phát hiện, hãy kiểm tra xem tất cả các bản ghi tên miền của bạn đã được phát hiện chưa. Nếu tất cả các bản ghi DNS của bạn đều có trong danh sách, hãy nhấn vào nút Tiếp tục để tiếp tục. Sử dụng các ảnh chụp màn hình bên dưới làm hướng dẫn.
19. Tiếp theo, bạn cần chọn một gói CloudFlare cho tên miền của mình và nhấn vào nút Tiếp tục để chuyển sang màn hình tiếp theo. Trong hướng dẫn này, chúng ta sẽ chọn một gói Trang web miễn phí.
20. Trên màn hình tiếp theo, hãy ghi lại các máy chủ tên DNS CloudFlare và cập nhật các máy chủ tên miền của bạn cho phù hợp. Bạn cần đăng nhập vào bảng điều khiển đăng ký tên miền của mình để thay đổi máy chủ tên miền và các bản ghi mới phải được cập nhật càng nhanh càng tốt. Máy chủ tên miền phải trỏ chính xác đến máy chủ tên CloudFlare và không có bản ghi ns nào khác. Khi bạn hoàn tất, hãy nhấn vào nút Tiếp tục để hoàn tất quá trình tích hợp. Tuy nhiên, bạn có thể nhấn vào nút Tiếp tục và cập nhật bản ghi ns DNS tại cơ quan đăng ký của mình sau.
21. Sau khi bạn đã sửa đổi máy chủ tên miền của mình, hãy nhấn vào nút Kiểm tra lại máy chủ tên để buộc quá trình kích hoạt. Quá trình truyền DNS tên miền trên đám mây internet mất tới 24 giờ để hoàn tất. Tuy nhiên, trong thời gian này, trang web của bạn sẽ không bị ảnh hưởng theo bất kỳ cách nào. Không có thời gian chết!
22. Tiếp theo, điều hướng đến bảng điều khiển web CloudFlare và nhấn vào nút menu Tốc độ. Tại đây, bật tùy chọn Tự động thu nhỏ cho JavaScript, HTML và CSS như minh họa trong hình ảnh bên dưới. Thiết lập này sẽ nén tất cả các tệp javascript, CSS và HTML để giảm dung lượng và cung cấp chúng nhanh hơn cho trình duyệt của máy khách cuối.
23. Cuộn xuống và bật chế độ Tự động cho Rocket Loader như minh họa bên dưới.
24. Tiếp theo, nhấn vào nút Crypto và đặt mã hóa SSL thành Full. Sau đó, hãy đến màn hình chính để lấy khóa API và kích hoạt tiện ích mở rộng Wordpress CloudFlare. Nhấn vào liên kết Get your API key, chọn Global API Key và nhấp vào nút View API key. Một cửa sổ bật lên mới sẽ mở ra. Sao chép chuỗi Khóa API từ bảng tạm và đóng cửa sổ bật lên.
25. Quay lại trang web Wordpress và đi tới Hiệu suất -> Tiện ích mở rộng -> CloudFlare và nhấp vào liên kết Cài đặt. Trong màn hình CloudFlare, nhấp vào nút Ủy quyền và thêm địa chỉ email bạn đã đăng ký với CloudFlare và khóa API bạn đã sao chép từ Khóa API toàn cầu. Khi bạn hoàn tất, hãy nhấn nút Tiếp theo để tiếp tục.
26. Chọn vùng miền của bạn và nhấn nút Tiếp theo để hoàn tất quy trình cấp phép. Sau đó, bạn có thể bắt đầu quản lý cài đặt CloudFlare CDN cho miền của mình thông qua plugin CloudFlare trong Wordpress.
27. Nếu bạn đã cập nhật bản ghi DNS ns tại đơn vị đăng ký của mình, bạn có thể đợi vài giờ rồi đăng nhập vào bảng điều khiển CloudFlare. Trang web sẽ được kích hoạt thành công trên CloudFlare.
Chờ vài ngày để dịch vụ CDN của CloudFlare lưu trữ hoàn toàn nội dung trang web của bạn và phân tích lại tốc độ trang web của bạn tại https://gtmetrix.comtrang web. So sánh kết quả với báo cáo ban đầu để xác định lợi ích về hiệu suất do CloudFlare CDN cung cấp.
YÊU CẦU
- Một trang web Wordpress có sẵn trên miền công cộng đã đăng ký. Trong trường hợp bạn muốn triển khai trang web Wordpress của riêng mình trên một ngăn xếp LAMP, bạn nên cân nhắc đọc hướng dẫn từ hướng dẫn này: https://www.howtoforge.com/tutorial/install-wordpress-on-lamp-in-debian-9/
- Plugin W3 Total Cache đã được cài đặt và kích hoạt trong Wordpress
- Tài khoản CloudFlare miễn phí
Trong trường hợp trang web Wordpress của bạn được cài đặt trên một máy chủ chuyên dụng trên một ngăn xếp LAMP, điều đầu tiên bạn cần kiểm tra là liệu bạn có thể cài đặt các plugin mới từ bảng điều khiển Wordpress mà không cần cài đặt máy chủ FTP cục bộ hay không. Nếu bạn được yêu cầu nhập tài khoản FTP để cài đặt plugin mới, thì bạn cần kích hoạt phương pháp ghi hệ thống tệp trực tiếp của Wordpress. Để bật tính năng Wordpress này, hãy mở tệp wp-config.php nằm trong thư mục gốc của trang web và thêm dòng mã sau vào bất kỳ đâu trong nội dung của tệp.
Mã:
define('FS_METHOD', 'direct');
Mã:
echo "xác định('FS_METHOD', 'trực tiếp');" | tee -a /path/to/website/wp-config.phpTrước khi thiết lập plugin W3 Total Cache với CloudFlare CDN, hãy truy cập trang web GTmetrix theo liên kết sau https://gtmetrix.com và thực hiện kiểm tra hiệu suất cho tên miền của bạn để so sánh kết quả sau khi tích hợp CDN.
Phần 1 - Cài đặt W3 Total Cache
- Để cài đặt W3 Total Cache plugin, hãy đăng nhập vào bảng điều khiển WordPress và nhấp vào Plugin - > Thêm liên kết mới. Trong trường tìm kiếm, hãy viết W3 Total Cache và nhấn vào nút Cài đặt ngay để bắt đầu quá trình cài đặt như minh họa trong hình ảnh sau.
- Sau khi plugin W3 Total Cache cài đặt xong, hãy nhấn vào nút Kích hoạt plugin W3 Total Cacheđể kích hoạt plugin.
Phần 2 – Thiết lập plugin W3 Total Cache
1.Để cấu hình W3 Total Cache plugin, điều hướng đến bảng điều khiển Wordpress và đi đến Plugin -> Plugin đã cài đặt từ menu bên trái và nhấp vào Cài đặt liên kết từ W3 Total Cache để bắt đầu quá trình cấu hình.2. Sau đó, di chuyển đến Cài đặt chung và bật tùy chọn Bộ nhớ đệm trang . Sử dụng phương pháp bộ nhớ đệm trang Disk:Enhaced và cuộn xuống để chuyển đến tùy chọn tiếp theo.
3. Tiếp theo, cuộn xuống và tắt Minify, Database Cache và Object Cache, vì CloudFlare CDN sẽ đảm nhiệm việc thu nhỏ các tệp javascript, CSS và HTML của trang web của bạn và cũng sẽ cung cấp cơ chế lưu trữ đệm riêng.
Bạn nên tắt Database Cache trong trường hợp trang web Wordpress được cài đặt trên môi trường lưu trữ chia sẻ.
4.Tiếp theo, cuộn xuống và bật Bộ nhớ đệm trình duyệt như minh họa trong hình ảnh bên dưới.
5. Cuộn xuống và tắt tùy chọn CDN và Proxy ngược, sau đó di chuyển đến tab Khác và bật tùy chọn sau: Xác minh quy tắc viết lại. Đảm bảo bạn vô hiệu hóa tất cả các tùy chọn khác như được trình bày trong hình ảnh bên dưới.
6. Tiếp theo, cuộn xuống và vô hiệu hóatất cả tùy chọn Gỡ lỗi. Cuối cùng, nhấp vào nút Lưu tất cả cài đặt để áp dụng cấu hình. Ngoài ra, tại đây bạn có tùy chọn xuất cấu hình plugin W3 Total Cache hoặc đặt lại plugin về cài đặt mặc định trong trường hợp có sự cố xảy ra.
7. Các thiết lập tiếp theo sẽ bao gồm tùy chọnBộ nhớ đệm trang từ menu bên trái. Chuyển đến tab Chungvà bật các tùy chọn sau như minh họa trong ảnh chụp màn hình bên dưới.
- Lưu trữ trang chủ
- Lưu trữ nguồn cấp dữ liệu: trang web, danh mục, thẻ, bình luận
- Lưu trữ yêu cầu SSL (https)
- Không lưu trữ trang cho người dùng đã đăng nhập
- Không lưu trữ trang cho các vai trò người dùng sau: Quản trị viên, Biên tập viên, Tác giả, Người đóng góp và Người đăng ký.
8. Tiếp theo, cuộn xuống và bật tùy chọn Lưu trữ tên máy chủ bí danh. Viết tất cả các bí danh trang web của bạn (có hoặc không có www) trong URL trang chủ bổ sung và cuộn xuống tùy chọn tiếp theo.
9. Trên tab CTải trước ache, hãy bật Tự động chuẩn bị bộ đệm trang. Không thay đổi các giá trị cho Khoảng thời gian cập nhật và Số trang trên mỗi khoảng thời gian. Ngoài ra, bạn nên thêm sơ đồ trang web URL XML cho trang web. Ngoài ra, hãy đảm bảo rằng bạn bật tùy chọn Tải trước bộ đệm bài đăng khi xuất bản.
10. Tiếp theo, cuộn xuống và bật các tùy chọn Trang chủ, Trang bài đăng, Nguồn cấp dữ liệu blog, Trang bình luận bài đăng và rss2 từ Chính sách xóa: Màn hình bộ đệm trang như mô tả trong hình ảnh bên dưới.
11. Cuối cùng, cuộn xuống tab Nâng cao và chỉ bật tùy chọn Chế độ tương thích. Để nguyên tất cả các tùy chọn khác theo mặc định và nhấn vào nút Lưu tất cả cài đặt để áp dụng những thay đổi đã thực hiện cho đến nay.
12. Tiếp theo, điều hướng đến menu Bộ nhớ đệm trình duyệt và trên tab Chung hãy đảm bảo bạn bật các tùy chọn sau như được trình bày trong ảnh chụp màn hình bên dưới.
- Đặt tiêu đề được sửa đổi lần cuối
- Đặt tiêu đề hết hạn
- Đặt tiêu đề kiểm soát bộ nhớ đệm
- Đặt thẻ thực thể
- Đặt tiêu đề bộ nhớ đệm W3 Total
- Bật nén gzip HTTP
13.Tiếp tục cuộn xuống và bật các tùy chọn sau cho CSS & JS, XTML & XML và Phương tiện & Các tệp khác tab như mô tả bên dưới:
- Đặt tiêu đề last-Modified
- Đặt tiêu đề hết hạn
- Đặt tiêu đề kiểm soát bộ đệm
- Chính sách kiểm soát bộ đệmđặt thành bộ đệm với max-age và xác thực (“max-age=EXPIRES_SECONDS, public, must-revalidate, proxy-revalidate”)
- Đặt thẻ thực thể (ETag)
- Đặt tiêu đề bộ đệm W3 Total
- Bật nén HTTP gzip
14. Cuối cùng, nhấn vào nút Lưu tất cả cài đặt để áp dụng cấu hình plugin W3 Total Cache. Tuy nhiên, bạn nên tinh chỉnh cài đặt plugin W3 Total Cache và chạy thử nghiệm để xác định các tùy chọn tốt nhất cho trang web của mình.
Phần 3 – Thiết lập CloudFlare CDN
15. Để kích hoạt plugin CloudFlare trong Wordpress, hãy điều hướng đến Hiệu suất - > Tiện ích mở rộng - CloudFlare và nhấp vào liên kết Kích hoạt như minh họa trong hình ảnh sau.16. Để cấu hình plugin CloudFlare, nhấp vào liên kết Cài đặt từ menu Tiện ích mở rộng như được trình bày trong ảnh chụp màn hình bên dưới.
17. CloudFlare là dịch vụ mạng phân phối nội dung (CDN) hoạt động như một trình tăng tốc proxy ngược cho các trang web. Trong số các tính năng khác, một số tính năng bạn sẽ phải trả phí, CloudFlare cung cấp dịch vụ DNS và bảo mật tích hợp cho các trang web được lưu trong bộ nhớ đệm. Để tích hợp một trang web vào CloudFlare CDN, tất cả những gì bạn cần làm là đăng ký một tài khoản miễn phí tại liên kết sau https://www.cloudflare.com/a/login và thêm tên miền của bạn vào mạng của họ như minh họa trong ảnh chụp màn hình bên dưới.
18. Đợi khoảng một phút để CloudFlare quét các bản ghi DNS tên miền của bạn và nhấn vào nút Tiếp tục để chuyển đến màn hình bản ghi DNS. Trên màn hình bản ghi DNS đã phát hiện, hãy kiểm tra xem tất cả các bản ghi tên miền của bạn đã được phát hiện chưa. Nếu tất cả các bản ghi DNS của bạn đều có trong danh sách, hãy nhấn vào nút Tiếp tục để tiếp tục. Sử dụng các ảnh chụp màn hình bên dưới làm hướng dẫn.
19. Tiếp theo, bạn cần chọn một gói CloudFlare cho tên miền của mình và nhấn vào nút Tiếp tục để chuyển sang màn hình tiếp theo. Trong hướng dẫn này, chúng ta sẽ chọn một gói Trang web miễn phí.
20. Trên màn hình tiếp theo, hãy ghi lại các máy chủ tên DNS CloudFlare và cập nhật các máy chủ tên miền của bạn cho phù hợp. Bạn cần đăng nhập vào bảng điều khiển đăng ký tên miền của mình để thay đổi máy chủ tên miền và các bản ghi mới phải được cập nhật càng nhanh càng tốt. Máy chủ tên miền phải trỏ chính xác đến máy chủ tên CloudFlare và không có bản ghi ns nào khác. Khi bạn hoàn tất, hãy nhấn vào nút Tiếp tục để hoàn tất quá trình tích hợp. Tuy nhiên, bạn có thể nhấn vào nút Tiếp tục và cập nhật bản ghi ns DNS tại cơ quan đăng ký của mình sau.
21. Sau khi bạn đã sửa đổi máy chủ tên miền của mình, hãy nhấn vào nút Kiểm tra lại máy chủ tên để buộc quá trình kích hoạt. Quá trình truyền DNS tên miền trên đám mây internet mất tới 24 giờ để hoàn tất. Tuy nhiên, trong thời gian này, trang web của bạn sẽ không bị ảnh hưởng theo bất kỳ cách nào. Không có thời gian chết!
22. Tiếp theo, điều hướng đến bảng điều khiển web CloudFlare và nhấn vào nút menu Tốc độ. Tại đây, bật tùy chọn Tự động thu nhỏ cho JavaScript, HTML và CSS như minh họa trong hình ảnh bên dưới. Thiết lập này sẽ nén tất cả các tệp javascript, CSS và HTML để giảm dung lượng và cung cấp chúng nhanh hơn cho trình duyệt của máy khách cuối.
23. Cuộn xuống và bật chế độ Tự động cho Rocket Loader như minh họa bên dưới.
24. Tiếp theo, nhấn vào nút Crypto và đặt mã hóa SSL thành Full. Sau đó, hãy đến màn hình chính để lấy khóa API và kích hoạt tiện ích mở rộng Wordpress CloudFlare. Nhấn vào liên kết Get your API key, chọn Global API Key và nhấp vào nút View API key. Một cửa sổ bật lên mới sẽ mở ra. Sao chép chuỗi Khóa API từ bảng tạm và đóng cửa sổ bật lên.
25. Quay lại trang web Wordpress và đi tới Hiệu suất -> Tiện ích mở rộng -> CloudFlare và nhấp vào liên kết Cài đặt. Trong màn hình CloudFlare, nhấp vào nút Ủy quyền và thêm địa chỉ email bạn đã đăng ký với CloudFlare và khóa API bạn đã sao chép từ Khóa API toàn cầu. Khi bạn hoàn tất, hãy nhấn nút Tiếp theo để tiếp tục.
26. Chọn vùng miền của bạn và nhấn nút Tiếp theo để hoàn tất quy trình cấp phép. Sau đó, bạn có thể bắt đầu quản lý cài đặt CloudFlare CDN cho miền của mình thông qua plugin CloudFlare trong Wordpress.
27. Nếu bạn đã cập nhật bản ghi DNS ns tại đơn vị đăng ký của mình, bạn có thể đợi vài giờ rồi đăng nhập vào bảng điều khiển CloudFlare. Trang web sẽ được kích hoạt thành công trên CloudFlare.
Chờ vài ngày để dịch vụ CDN của CloudFlare lưu trữ hoàn toàn nội dung trang web của bạn và phân tích lại tốc độ trang web của bạn tại https://gtmetrix.comtrang web. So sánh kết quả với báo cáo ban đầu để xác định lợi ích về hiệu suất do CloudFlare CDN cung cấp.