Cấu hình Wordpress + WP Super Cache + Cloudflare trên nginx

Mở file vhost của tên miền lên, chúng ta sẽ thấy có đoạn

Code:

index index.php index.html index.htm;
        server_name abc.com;
 
        location / {
        try_files $uri $uri/ /index.php?$args;
          }

Sửa nó thành như sau

Code:

 index index.php index.html index.htm;
      server_name abc.com cdn.abc.com;
 
    set $cache_uri $request_uri;
 
    if ($request_method = POST) {
        set $cache_uri 'null cache';
    }
    if ($query_string != "") {
        set $cache_uri 'null cache';
    }
    if ($request_uri ~* "(/wp-admin/|/xmlrpc.php|/wp-(app|cron|login|register|mail).php|wp-.*.php|/feed/|index.php|wp-comments-popup.php|wp-links-opml.php|wp-locations.php|sitemap(_index)?.xml|[a-z0-9_-]+-sitemap([0-9]+)?.xml)") {
        set $cache_uri 'null cache';
    }
    if ($http_cookie ~* "comment_author|wordpress_[a-f0-9]+|wp-postpass|wordpress_logged_in") {
        set $cache_uri 'null cache';
    }
    location / {
        try_files /wp-content/cache/supercache/$http_host/$cache_uri/index.html $uri $uri/ /index.php;
    }

Restart lại nginx để cập nhật

Code:

service nginx restart

Cấp quyền cho nginx lên root document nếu các bạn chưa làm

Code:

chown -R nginx:nginx /home/abc.com/public_html

Cấu hình WP Super Cache

Các bạn đăng nhập vào admincp của wp, tìm đến các thiết lập liên quan đến wp super cache. Như của mình thì thấy như sau

Nhìn cái bảng màu vàng ghê ghê, các bạn mặc kệ nó, do php còn lưu cache nên nó chưa thấy đc giá trị wp super cache add vào file wp-config.php.

Các bạn tick vào Caching On, bấm update status, xong chạy lệnh sau để recache các file php

Code:

service php-fpm restart

tiếp theo bấm vào test cache để xem nó đã hoạt động hay chưa

Chuẩn rồi, mọi thứ đều đã hoạt động, giờ các bạn chuyển qua tab Advanced, thấy có rất nhiều tùy chọn, ừ thì cái nào có chữ recommended thì chọn trước, rồi sau đó sẽ xem xét tiếp

Xong thì các bạn bấm nút Update Status, sẽ lại xuất hiện mấy bảng cảnh báo như sau

Lỗi gì thế? và cách khắc phục như thế nào ? Đây không phải là lỗi, plugin này nó check mod_rewrite của apache nên đương nhiên nó nghĩ rằng server chưa cài đặt mod đó. Mà đúng là server chưa cài thật, vì chúng ta có sử dụng apache đâu

Thế thì, ừ kệ nó, nó báo gì kệ nó, nginx đã được chúng ta config chuẩn trước đó rồi, nên các bạn cứ yên tâm là plugin hoạt động rất tốt, ko hề lỗi lầm j

Tab Advanced là nơi chúng ta kết hợp wp super cache và config ở server, tiếp theo qua tab CDN sẽ là nơi chúng ta kết hợp giữa wordpress và cloudflare

Các bạn nhớ tick vào ô Enable CDN Support rồi sau đó setup như hình.

Đối với giá trị ở ô Include directories, mình để ý thấy 1 số bạn có thư mục HLIC chứa rất nhiều hình ảnh, các bạn nhớ thêm cả thư mục đó vào

Đối với ô Additional CNAMES, chúng ta thêm các sub mà chúng ta sẽ dùng để cdn phụ, đối với những trang có nhiều hình ảnh, js, css tĩnh, các cdn phụ này sẽ giúp cải thiện tốc độ tải trang đáng kể so với chỉ sử dụng 1 sub CDN

Cấu hình cloundflare

Bước cuối cùng là cấu hình ở cloudflare.com, các bạn đăng nhập vào và chắc chắn rằng dns setting của bạn đã có dạng như thế này

Tiếp theo chúng ta back trở lại danh sách tên miền đang dùng tại cloudflare (https://www.cloudflare.com/my-websites) sau đó chọn cloudflare settings cho tên miền tương ứng mà chúng ta muốn thiết lập