Hướng dẫn cấu hình WP Rocket trên Nginx để tối ưu tốc độ website

WP Rocket là một trong những plugin tối ưu tốc độ WordPress tốt nhất hiện nay. Khi kết hợp với Nginx, bạn có thể cải thiện đáng kể tốc độ tải trang, giảm tải máy chủ và nâng cao trải nghiệm người dùng. Dưới đây là hướng dẫn chi tiết giúp bạn cấu hình WP Rocket trên Nginx để đạt hiệu suất tối ưu.

Nginx là gì?

Nginx là một trong những máy chủ web phổ biến nhất hiện nay, đóng vai trò quan trọng trong việc tối ưu hiệu suất cho website WordPress. Trong khi nhiều dịch vụ hosting giá rẻ thường sử dụng Apache, thì Nginx lại được ưa chuộng trên các máy chủ WordPress cao cấp nhờ khả năng xử lý lưu lượng lớn và tối ưu tài nguyên. Đây cũng là lựa chọn hàng đầu của các trang web có lượng truy cập cao trên toàn cầu, giúp cải thiện tốc độ tải trang và trải nghiệm người dùng.

Apache hiện dẫn đầu thị trường máy chủ web với 44% thị phần, trong khi Nginx giữ vị trí thứ hai với 30,7%. Tuy nhiên, với công nghệ tiên tiến và khả năng xử lý hiệu suất cao, Nginx đang phát triển nhanh chóng và dần mở rộng thị phần trên toàn cầu.

Nginx có khả năng xử lý hàng nghìn kết nối HTTP đồng thời, giúp nó trở thành lựa chọn lý tưởng cho các trang web có lưu lượng truy cập lớn và nhu cầu hiệu suất cao.

Cách hoạt động của Nginx Caching trên WordPress

Về cơ bản, bộ nhớ đệm (caching) của Nginx hoạt động tương tự như các plugin cache phổ biến như WP Rocket, nhưng ở cấp độ máy chủ, giúp tối ưu tốc độ tải trang và giảm tải cho hệ thống. Khi một người dùng truy cập website WordPress, máy chủ phải thực thi mã PHP và truy vấn cơ sở dữ liệu để tạo ra trang HTML hoàn chỉnh. Bộ nhớ đệm giúp tối ưu quy trình này bằng cách lưu trữ phiên bản HTML đã được tạo sẵn, sau đó phục vụ nội dung này trực tiếp cho khách truy cập mà không cần xử lý lại từ đầu.

Thay vì để WordPress xử lý từng yêu cầu một cách động, Nginx sử dụng mô-đun fastcgi_cache để lưu trữ và cung cấp nội dung cache ngay tại cấp độ máy chủ. Điều này giúp giảm đáng kể thời gian tải trang vì Nginx có thể phân phối nội dung trực tiếp mà không cần kích hoạt PHP hay truy vấn cơ sở dữ liệu. Ngược lại, khi sử dụng plugin cache trên WordPress, mỗi yêu cầu vẫn cần được xử lý thông qua PHP ở cấp ứng dụng. Dù các plugin cache giúp giảm tải đáng kể, nhưng chúng vẫn tiêu tốn tài nguyên CPU nhiều hơn so với việc để Nginx đảm nhiệm trực tiếp ở cấp độ máy chủ.

Bởi vì WP Rocket tương thích hoàn toàn với Nginx, vì vậy bạn có thể sử dụng plugin này ngay mà không cần thực hiện bất kỳ cấu hình đặc biệt nào trên máy chủ web Nginx. WP Rocket sẽ tự động tối ưu hiệu suất và tạo bộ nhớ đệm mà không yêu cầu can thiệp thủ công.

Hướng dẫn cấu hình WP Rocket trên Nginx chuẩn nhất

Bước 1: Cài đặt & Kích hoạt WP Rocket

Trước tiên, bạn cần cài đặt và kích hoạt plugin WP Rocket trên website WordPress của mình. Để thực hiện, hãy truy cập “Bảng điều khiển” WordPress (Dashboard) => Chọn Plugins => “Thêm mới” (Add New), sau đó tải lên tệp WP Rocket đã mua và nhấn Activate để kích hoạt.

gzip on;
gzip_types text/plain text/css application/json application/javascript text/xml application/javascript text/xml application/xml application/xml+rss text/javascript;
gzip_vary on;
gzip_min_length 1000;
gzip_comp_level 5;
gzip_proxied any;

2. Tối ưu Cache Trình Duyệt (Browser Caching)

Thiết lập cache trình duyệt giúp lưu trữ các file tĩnh trên máy người dùng, từ đó giảm tải cho máy chủ và tăng tốc độ tải trang trong những lần truy cập sau.

location ~* .(?:ico|css|js|gif|jpe?g|png|woff2?|eot|ttf|svg|mp4|ogg|ogv|webm|htc|pdf)$ {
    expires 365d;
    add_header Cache-Control "public, max-age=31536000, immutable";
}
location ~* .(?:html|xml)$ {
    expires 1h;
    add_header Cache-Control "public, max-age=3600";
}

3. Thiết Lập FastCGI Cache để giảm tải PHP-FPM

FastCGI Cache giúp lưu trữ kết quả truy vấn PHP, giảm tải cho máy chủ khi xử lý yêu cầu từ khách truy cập.

fastcgi_cache_path /var/cache/nginx/fastcgi levels=1:2 keys_zone=WORDPRESS:100m inactive=60m;
fastcgi_cache_key "$scheme$request_method$host$request_uri";
fastcgi_cache_use_stale error timeout updating invalid_header http_500;
add_header X-FastCGI-Cache $upstream_cache_status;

4. Chặn Cache cho WP-Admin & WP-Login

Để tránh lỗi khi đăng nhập hoặc quản lý website, bạn cần thiết lập Nginx để bỏ qua cache cho khu vực admin.

location ~* /wp-admin/ {
    set $skip_cache 1;
}
location ~* /wp-login.php {
    set $skip_cache 1;
}

5. Tích hợp WP Rocket vào Nginx

Để Nginx có thể sử dụng trực tiếp cache từ WP Rocket, hãy thêm đoạn mã sau:

set $cache_uri $request_uri;
if ($http_cookie ~* "wordpress_logged_in") {
    set $cache_uri 'nocache';
}
location / {
    try_files "/wp-content/cache/wp-rocket/$host/$cache_uri/index.html" "/index.php?$args";
}

Bước 4: Kiểm tra & tinh chỉnh hiệu suất

Sau khi thực hiện xong các thiết lập trên, bạn cần khởi động lại Nginx để áp dụng thay đổi: sudo systemctl restart nginx

Để kiểm tra xem web cache đã hoạt động chưa, bạn có thể dùng lệnh: curl -I https://yourwebsite.com

Nếu thấy X-FastCGI-Cache: HIT, nghĩa là cache đã được kích hoạt thành công. Ngoài ra, bạn có thể sử dụng các công cụ kiểm tra tốc độ như: GTmetrix, Google PageSpeed Insights, Pingdom

Mục tiêu tối ưu:

• TTFB (Time to First Byte) < 200ms
• Load Page < 2s
• LCP (Largest Contentful Paint) < 1.5s

Tại hệ thống tạo website tự động của webo plugin Wp Rocket sẽ được cấu hình tự động khi bạn nhấn nút tạo site nhé.

Việc tối ưu WP Rocket trên Nginx giúp website WordPress của bạn tải nhanh hơn, giảm tải cho máy chủ và cải thiện thứ hạng SEO. Bằng cách bật cache, nén CSS/JS, tối ưu hình ảnh và cấu hình Nginx chuẩn, bạn có thể đạt được hiệu suất tối đa. Nếu có bất kỳ vấn đề nào, hãy kiểm tra lại log Nginx hoặc thử nghiệm từng bước một để điều chỉnh phù hợp.