Tăng tốc website WordPress với WP Fastest Cache

by admincp
22 Xem

WP Fastest Cache là plugin cache miễn phí số 1 trong cuộc thăm dò ý kiến ​​của Facebook chỉ sau WP Rocket. Plugin này cho kết quả khá tốt và rất ít lỗi gặp phải khi thiết lập, sử dụng. Và hiện có hơn 1 triệu lượt kích hoạt sử dụng.

Và trong bài viết này mình sẽ hướng dẫn bạn Tăng tốc website WordPress với WP Fastest Cache.

Tăng tốc website WordPress với WP Fastest Cache

Bước 1: Cài đặt Plugin

Bạn truy cập vào WordPress => Plugins và tìm Plugin WP Fastest Cache và cài đặt vào.

CleanShot 2022 12 21 at 14.14.04

Bước 2: Cấu hình WP Fastest Cache NGINX

Đối với máy chủ webserver Apache, OpenLiteSpeed thì bạn không cần thực hiện bước này. Đối với máy chủ NGINX bạn cần cấu hình như sau:

Bên dưới là đoạn mẫu file cấu hình mặc định

location / {
if (-f $request_filename) {
break;
}
set $caches 1;
set $request_file $document_uri;
set $cache_file ”;
if ($request_method = POST) {
set $caches 0;
}
if ($query_string) {
set $caches 0;
}
if ($caches = 0) {
set $request_file ”;
}
if ($request_file ~ ^(.+)$) {
set $cache_file /wp-content/cache/all/$1/index.html;
}
if (-f $document_root$cache_file) {
rewrite ^ $cache_file last;
}
if (!-e $request_filename) {
rewrite . /index.php last;
}
}
location ~* \.(css|js|ico|gif|jpeg|jpg|webp|png|svg|eot|otf|woff|woff2|ttf|ogg)$ {
expires max; 
}
rewrite /wp-admin$ $scheme://$host$uri/ permanent;

Mình sẽ không hướng dẫn cụ thể vì có nhiều kịch bản script và panel khác nhau. Tuy nhiên bạn chỉ cần biết chắc file vhost của domain.

Ở trong bài này mình đang sử dụng AAPANEL, vì vậy có sẵn giao diện để thực hiện. Bạn chỉ cần vào URL rewrite sau đó copy/dán cấu hình trên vào và Save lại.

CleanShot 2022 12 21 at 14.21.23

Bước 3: Thiết lập cấu hình nâng cao WP Fastest Cache

WP Fastest Cache sẽ có tuỳ chọn cấu hình. Bạn có thể click chọn từng tính năng và mình sẽ giải thích từng cái để bạn hiểu về nó hơn.

Tại phần thiết lập của plugin sẽ có 7 phần tùy chọn như trên ảnh, nhưng nếu bạn sử dụng plugin miễn phí thì chỉ có thể sử dụng được phần Setting còn lại bạn phải mua gói Premium.

Nhưng nếu website của bạn là website cá nhân hoặc trang bán hàng quy mô không quá lớn thì nhiêu đó cũng đủ đáp ứng được nhu cầu tối ưu tốc độ của website.

CleanShot 2022 12 21 at 14.28.30

1. Tab Settings

  • Cache System: (Free). Nghĩa là tạo cache cho website, bạn cần tick chọn để nó bắt đầu tạo cache cho các trang.
  • Widget Cache: (Paid). Nghĩa là tạo cache cho các widget. Điều này giúp làm giảm các truy vấn SQL. Tuy nhiên lựa chọn này chỉ có trong phiên bản có phí.
  • Preload: (Free). Tick chọn hoặc không tùy thuộc vào nhu cầu của bạn. Bình thường thì cache sẽ chỉ được tạo cho một bài viết cụ thể sau khi nó có người truy cập, nghĩa là người đầu tiên sẽ không có cache. Nếu bạn tick chọn thì mọi trang web sẽ được tạo sẵn cache. Vì tạo cache cũng tốn kém nguồn lực cho nên việc thiết lập tạo cache chỉ cho bài viết nào có ít nhất 1 người truy cập là cách tối ưu, đặc biệt nếu website của bạn có rất nhiều trang có ít người ghé thăm. Bạn nên thiết lập như hình dưới đây nếu tick chọn Preload:
CleanShot 2022 12 21 at 14.39.01
  • Còn về con số 4 pages per minute thì sao, đấy là số trang cache được tạo ra mỗi phút. Nếu hosting bạn yếu nên để 2 cho đến 4 thôi. Nếu host mạnh có thể để từ 6 đến 12 (tối đa). Số càng lớn quá trình tạo các trang cache càng nhanh. Vì phần lớn chúng ta – những người mới làm quen với WordPress thường dùng Share Host, nên con số tối ưu là từ 2 đến 4.
  • Quá trình preload sẽ diễn ra sau khi toàn bộ các trang cache bị xóa và nó sẽ dừng lại sau khi tất cả các trang cache được tạo. Nếu bạn muốn quá trình preload diễn ra liên tục, bạn cần nhấn vào tùy chọn Restar After Completed. khi ấy preload sẽ tạo ra các trang cache và ghi đè lên các file cache trước đó, vì thế bạn không cần xóa cache nữa.
  • Logged-in Users: (Free). Khi được tick chọn thì plugin sẽ không show ra phiên bản cache cho người dùng đăng nhập. Cái này bạn nên tick vì nó giúp bạn kiểm tra khi có sự thay đổi nào đấy trong bài viết thì cache có thay đổi theo hay không.
  • Mobile: (Free). Nghĩa là không hiển thị phiên bản cache của desktop cho người dùng mobile. Bạn không nên tick chọn. Bạn chỉ tick chọn cái này khi trang web của bạn có thiết kế riêng biệt cho người dùng di động. May mắn cho chúng ta là phần lớn các giao diện của WordPress là các thiết kế đáp ứng, chung được cho cả desktop và di động, nó tự thay đổi theo kích cỡ màn hình. Tuy nhiên một số trang có thiết kế riêng cho di động thì bạn phải tick tùy chọn này, và khi ấy chúng ta có một thiệt thòi là không có phiên bản cache cho mobile. Một thiệt thòi không hề nhỏ vì đa số người dùng web hiện giờ dùng di động, vì thế, nếu bạn rơi vào trường hợp này, bạn nên tìm plugin tạo cache miễn phí khác như WP Super Cache (ưu tiên vì dễ dùng hơn) hay W3 Total Cache.
  • Mobile Theme: (Paid). Tính năng chỉ có ở người dùng trả phí, nghĩa là tạo cache cho giao diện di động.
  • New Post: (Free). Xóa tất cả cache khi một bài viết mới được xuất bản. Bạn có thể tick chọn hoặc không. Để đảm bảo tối ưu thì bạn nên tick chọn nhưng cần thay đổi một chút. Bạn nên chọn như hình dưới đây để không phí phạm xóa hết các cache không cần thiết. Theo đó mỗi khi bài mới được up, không phải toàn bộ cache bị xóa mà chỉ những trang có khả năng thay đổi khi có bài mới là trang chủ (homepage), trang chuyên mục (post categories), trang thẻ tag (post tags):
CleanShot 2022 12 21 at 14.39.01 1
  • Update Post: (Free). Nghĩa là nó sẽ xóa hết cache mỗi khi bài viết được cập nhật, tương tự như cái trên để không xóa những cache không cần thiết (nhằm tối ưu hệ thống), bạn nên chọn như hình dưới đây:
CleanShot 2022 12 21 at 14.40.06
  • Minify HTML: (Free). Dùng để giảm dung lượng của trang thông qua nén HTML, bao gồm cả CSS và JavaScript inline. Bạn nên tick chọn, điều này giúp trang tải nhanh hơn.
  • Minfy HTML Plus: (Paid). Công nghệ nén mạnh mẽ hơn dành cho HTML, đáng tiếc nó chỉ có trong phiên bản tính phí.[1]
  • Minify CSS: (Free). Dùng để giảm dung lượng file CSS. Bạn nên tick chọn.
  • Mini CSS Plus: (Paid). Công nghệ nén mạnh hơn dành cho CSS, chỉ có trong phiên bản tính phí.[2]
  • Combine CSS: (Free). Dùng để kết hợp các file CSS với nhau giúp giảm số lượng kết nối, bạn nên tick chọn để trang web tải nhanh hơn.
  • Minify Js: (Paid). Dùng để nén file JavaScript, tính năng chỉ có ở bản tính phí.[3]
  • Combine Js: (Free). Kết hợp các file JavaScript, giúp giảm thời gian tải trang, bạn nên tick chọn.
  • Combine Js Plus: (Paid). Chỉ có ở bản tính phí, công nghệ kết hợp JS mạnh mẽ hơn.[4]
  • Gzip: (Free). Giúp giảm kích cỡ file gửi từ server, nên tick chọn.
  • Browser Caching: (Free). Giúp giảm thời gian tải trang cho những người đã từng ghé thăm website, nên tick chọn.
  • Disable Emojis: (Free). Loại bỏ emoji css và file wp-emoji-release.min.js. Các Emojis chính là các biểu tượng mặt cười như thế này 🙂 Nếu bạn không dùng các biểu tượng này thì nên tick chọn. Còn dùng thì không nên tick.
  • Remove render-blocking JavaScript: (Paid). Tính năng chỉ có ở phiên bản tính phí, nó sẽ loại bỏ các JavaScript chặn hiển thị, và làm cho web hiển thị nhanh hơn. Bạn có thể tìm hiểu kỹ hơn vấn đề này và các thông tin liên quan trong bài viết tăng tốc website theo hướng dẫn của Google Pagespeed Insights.
  • Load Google Fonts asynchronously: (Paid). Tính năng chỉ có ở phiên bản tính phí. Tải font Google không đồng bộ, tức là font của Google sẽ tải sau, sau khi các thành phần quan trọng trên website tải xuống trước, nó có tác dụng làm cho web hiển thị nhanh hơn.
  • Language: Giao diện ngôn ngữ của plugin, vì chưa có tiếng Việt, nên bạn cứ để như mặc định là tiếng Anh.

Cuối cùng, bạn nhấn Submit để lưu (bạn nên giữ tick chọn như hình bên dưới, ngoại trừ Preload có thể bạn không cần tick):

CleanShot 2022 12 21 at 14.41.00

2. Tab Delete Cache

Dùng để xóa cache. Có 2 tùy chọn:

  • Delete Cache: Nghĩa là xóa hết cache nhưng để lại cache cho CSS và JS
  • Delete Cache and Minified CSS/JS: Nghĩa là xóa hết cache, bao gồm cả CSS và JS (đã được nén)

Trường hợp bạn có thay đổi nào đó và muốn những thay đổi này áp dụng ngay lập tức lên toàn bộ website thì bạn nên dùng tính năng xóa toàn bộ cache này:

CleanShot 2022 12 21 at 14.42.44

3. Tab Exclude

Đây là khu vực dành riêng cho việc thiết lập các trang được loại trừ không cần lập cache, thí dụ như các trang quản trị admin, trang login (những trang mình vừa thí dụ mặc định đã được WP Fastest Cache không tạo cache rồi).

Bạn cũng có thể điều chỉnh các file CSS và JS cụ thể không muốn tạo Cache.

Bạn nhấn vào Add New Rule rồi thêm URL bạn không muốn tạo cache vào rồi nhấn Save:

CleanShot 2022 12 21 at 14.43.52

Bước 4: Cấu hình Cron

Bây giờ bạn thử truy cập vào link sau để kiểm tra lượng page/post.. đang được tải trước.

https://my-domain/?action=wpfastestcache&type=preload
CleanShot 2022 12 21 at 14.45.06

Bạn mở cấu hình cron ra và cấu hình như sau. Đoạn cron này sẽ chạy 2 phút một lần và mỗi lần chạy sẽ tải trước 4 trang.

0/2 * * * * wget -O - "https://my-domain/?action=wpfastestcache&type=preload" >/dev/null 2>&1
CleanShot 2022 12 21 at 22.01.05@2x

Như vậy mình đã hoàn tất hướng dẫn Tăng tốc website WordPress với WP Fastest Cache. Chúc bạn thực hiện thành công.

  • Xem thêm: https://www.wpfastestcache.com/features/

Bài viết liên quan

Leave a Comment