Cài plugin cache cho wordpress, woocommerce tăng tốc độ xé gió

Trong bài này mình sẽ hướng dẫn các bạn cài cache cho wordpress thông thường hoặc wordpress có cài woocommerce. Giúp giảm tải xử lý RAM, CPU cho server/vps và quan trọng nhất là giúp website tăng tốc từ 3 tới 5 lần. Trước khi bắt tay vào thực hiện thì xin mời các bạn xem so sánh tốc độ của 1 trang web trước và sau khi cài plugin w3 total cache nhé:

Hình so sánh dưới đây là 1 trang web mình đã trực tiếp cài đặt. Mình xin được giấu tên và địa chỉ.

Trước khi cài cache:

  • Thời gian xử lý file php gốc: 1194ms (~1.2 giây).
  • Thời gian tải toàn trang web: 5 tới 7 giây

Sau khi cài cache:

  • Thời gian xử lý file php gốc: 82ms (<0.1 giây).
  • Thời gian tải toàn trang web: 1.5 tới 2.5 giây

Nếu các bạn thấy hưng phấn với so sánh trên thì mau mau tiến hành cài đặt theo hướng dẫn như dưới đây đi nhé.

Bước 1: Cài plugin W3 Total Cache

Các bạn vô menu plugins, cài và active plugin W3 total cache(cài bằng cách upload plugin hoặc install trực tiếp đều được):

Add New Plugin

 

Bước 2: Cài đặt tổng quan:

Sau khi cài xong plugin w3 total cache, các bạn vào menu Performance > General setting như hình:

General Settings

Và bắt đầu tiến hành thiết đặt như sau.

  1.  Mục: General

Mục này để nguyên không bấm gì cả.

  1.  Page Cache: Chọn ENABLE

Page cache là chức năng quan trọng nhất của w3 total cache, ảnh hưởng nhiều nhất đến việc tăng tốc wordpress nên chắc chắn phải bật chức năng này lên.

Page cache method nên chọn là Disk: Enhanced.

Page Cache

  1.  Mục: Minify : Có 2 trường hợp

Chức năng minify này giúp thu gọn, nén các file html, css,js lại và loại bỏ comment code; giúp giảm dung lượng web, góp phần tăng tốc website. Tuy nhiên tùy thuộc vào việc bạn có dùng cloudflare hay không mà có 2 trường hợp sau:

Trường hợp không dùng cloudflare: Bật(enable) minify. Nếu không dùng cloudflare thì dĩ nhiên bạn phải bật (enable) chức năng minify của w3 total cache lên. Các mục minify method, mode các bạn để mặc định.

Trường hợp dùng cloudflare: Vì cloudflare mặc định đã có chức năng minify rồi nên ta sẽ sử dụng minify của cloudflare, do đó không bật chức năng minify của w3 total cache lên như hình sau:

Minify

  1.  Database Cache : Disable

Database cache giúp giảm thiểu thời gian truy cập database. Tuy nhiên vì đã có page cache rồi nên database cache không quá quan trọng. Nếu bạn dùng shared hosting hoặc vps có RAM ít (2GB trở xuống) thì nên tắt(disable) chức năng này. Chỉ nên bật khi có server vật lý riêng hoặc vps có RAM dồi dào một chút.

Database Cache

  1.  Object Cache : ENABLE

Object Cache có nhiệm vụ cache các object và các truy vấn query lặp lại từ database. Dữ liệu của Object cache được lưu trên RAM. Nó góp phần tăng tốc website wordpress của bạn tuy nhiên nhược điểm là ngốn bộ nhớ RAM. Ngốn nhiều hay ít phụ thuộc vào kích cỡ website của bạn.  Nếu VPS của bạn có ít RAM và thường gặp hiện tượng đầy RAM thì nên tắt chức năng này. Shared hosting cũng không quá khuyến khích bật. Bạn có thể tắt nó đi nếu cảm thấy nó ảnh hưởng không tốt đến web:

Object Cache

  1.  Browser Cache : ENABLE

Đây là 1 chức năng quan trọng giúp cache các dữ liệu tĩnh tại client nên chắc chắn phải bật:

Browser Cache

  1.  CDN : 2 trường hợp

Bật nếu không dùng cloudflare và tắt nếu dùng cloudflare.

CDN

  1.  Reverse Proxy : DISABLE

 

Reverse Proxy

  1.  Monitoring : Để mặc định

 

  1.  Debug : DISABLED

Debug giúp bạn nhìn thấy quá trình cache của w3 total cache diễn ra như thế nào. Tuy nhiên nó làm chậm website của bạn nên tốt nhất là tắt đi.

Debug

Vậy là xong cài đặt chung, tiếp theo chúng ta chuyển sang cài đặt chi tiết cho các phần.

 

Bước 4: Cài đặt page cache

Từ trang quản trị wordpress, các bạn vào menu Performance > Page cache (không vào General setting nữa).

  1.  Mục General của menu page cache

Các bạn tick chọn bật các tùy chọn sau:

  • Cache front page
  • Cache feeds
  • Cache SSL
  • Don’t cache pages for logged in users

Configure Page Cache General

  1.  Mục Cache Preload

Điền thông số như sau:

  • Automatically prime the page cache: Chọn
  • Update interval: 900 giây
  • Pages per interval: 10
  • Sitemap URL: Điền địa chỉ sitemap của web của bạn vào, thường là yourdomain.com/sitemap.xml
  • Preload the post cache upon publish events: Chọn
  • Các mục khác để mặc định

Configure Page Cache

 

Bước 5: Cài đặt object cache

Nếu ở bước cài đặt chung bạn tắt chức năng object cache thì ở menu object cache bạn có thể bỏ qua. Nếu bật thì sẽ cài đặt như sau(vào menu performance > object cache):

  • Default lifetime of cache objects: 180 seconds
  • Garbage collection interval: 3600 seconds
  • Các mục khác để mặc định

Configure Object Cache

Step 6: Cài đặt browser cache

Vào menu performance > browser cache. Cài đặt duy nhất ở phần general, các phần khác để mặc định.

Ở mục general check chọn như sau:

  • Set Last-Modified header: Bật
  • Set expires header: Bật
  • Set cache control header: Bật
  • Set entity tag (eTag): Bật
  • Set W3 Total Cache header: Bật
  • Enable HTTP (gzip) compression: Bật
  • Các mục khác để mặc định

Configure Browser Cache

Nếu wordpress của bạn không dùng cloudflare, không cài woocommerce thì đến bước 6 này là xong, kết thúc.

Nếu wordpress của bạn không dùng cloudflare, có cài woocommerce thì bỏ qua bước 7, làm tiếp bước 8.

Nếu wordpress của bạn vùa dùng cloudflare, vừa cài woocommect thì tiếp tục bước 7 và bước 8.

Bước 7: Cài W3 Total Cache CloudFlare Extension

Lưu ý, nếu bạn không dùng cloudflare thì bỏ qua bước 7 này.

Vào menu Performance > Extension, bấm active extension Cloudflare lên.

Configure W3 Total Cache CloudFlare Extension

 

Sau đó đăng nhập vào cloudflare.com vào mục My Account  tìm đến mục API Key như hình:

API Key

Sau đó nhấp vào nút View API Key ở dòng Global API Key, copy mã api key đó lại.

Quay trở lại extension Cloudfalre(performance > extension >setup cloudflare), ở mục Authorize, bấm nút authorize và điền như sau:

Email: Email đăng nhập cloudflare

API key: Điền api key vừa copy bên cloudflare.

Sau đó bấm next, một danh sách các web bên cloudflare hiện ra, các bạn chọn trang web tương ứng đang cài đặt. Như vậy là hoàn thành kết nối wordpress với cloudflare.

Sau cùng ở mục Cloudflare: Content Processing: Tick chọn như hình:

Turn On CloudFlare Minify

Như vậy là xong phần cài đặt cho extension cloud flare.

Bước 8: Tinh chỉnh w3 total cache tương thích với woocommerce

Nếu bạn không dùng chức năng plugin web bán hàng woocommerce thì bỏ qua bước này.

a.Chỉnh sửa page cache: Vào menu Performance > Page Cache:

Sau đó kéo tìm đến mục Never cache the following pages thêm vào như sau:

b. Chỉnh sửa minify: Vào menu Performance > Minify

Sau đó kéo xuống  mục HTML&XML > Ignored commetn stems rồi thêm vào như sau:

Cũng ở menu minify này, kéo xuống mục advanced > nerver minify the following pages, thêm vào như sau:

c. Chỉnh sửa database caching, vào menu: Performance > database caching

Các bạn thêm dòng _wc_session_ như sau:

Vâng đến đây là xong xuôi tất cả rồi đấy. Các bạn clear all cache rồi test lại nhé.

Lưu ý cache chỉ phát huy tác dụng với mỗi trang con kể từ lần truy cập thứ 2 trở đi. Chúc các bạn thành công

 

 

Leave a Reply

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>