Thứ Bảy, Tháng Mười 1, 2022
Trang chủ WORDPRESS SWIFT PERFORMANCE PRO – PLUGIN TỐI ƯU TOÀN DIỆN CHO WORDPRESS

SWIFT PERFORMANCE PRO – PLUGIN TỐI ƯU TOÀN DIỆN CHO WORDPRESS

Sau một thời gian dài dùng qua nhiều plugin tạo cache khác nhau lẫn trả phí và miễn phí, thì mình xin được review cũng như chia sẻ cảm nhận cá nhân về một plugin mà mình cho rằng nó khá đầy đủ các tính năng cần thiết để tối ưu tốc độ website, đó là Swift Performance Pro tối ưu toàn diện cho WORDPRESS.

VÌ SAO LẠI LÀ SWIFT PERFORMANCE PRO?

Thông thường để tối ưu một website thì phải tối ưu rất nhiều thành phần khác nhau như:

  • Tạo cache cho mọi trang trên website.
  • Tối ưu CSS, Javascript để giảm kết nối tại trình duyệt.
  • Tối ưu hình ảnh bằng việc nén ảnh, sử dụng định dạng .webp, tải lazyload,…
  • Tắt các thành phần không cần thiết trên WordPress.
  • Tối ưu database bằng việc giảm dung lượng, xóa các thành phần không cần thiết.

Thường thì mình sẽ sử dụng nhiều plugin khác nhau, đặc biệt là phần tối ưu hình ảnh.

Tuy nhiên với Swift Performance Pro – plugin nó có thể phục vụ tất cả mọi yêu cầu trên. Mình đã bỏ hẳn luôn plugin Imagify, tiết kiệm $5/tháng.

Khả năng tương thích cao

Mình thấy nó tương thích hoàn toàn với ApacheLiteSpeed và NGINX.

Swift Performance Pro - Plugin

Khả năng “tăng điểm PageSpeed”

Sử dụng trên Swift Performance Pro – plugin, thì điểm PageSpeed của mình cũng đã cải thiện đáng kể.

Swift Performance Pro - Plugin

Cải thiện điểm PageSpeed Insights nếu cấu hình đúng

Cấu hình đa dạng & dễ dàng

Swift Performance Pro – plugin có thể gọi là khó sử dụng và cấu hình hơn.

Swift Performance Pro - Plugin
Dễ dàng cấu hình khi cài đặt

HƯỚNG DẪN CÁC TÍNH NĂNG ĐẶC SẮC CỦA SWIFT PERFORMANCE PRO

Trước khi cấu hình, bạn nên chuyển về chế độ Advanced View.Swift Performance Pro - Plugin

Chuyển sang chế độ Advanced View

Warmup – Tạo cache ngầm cho website

Với tính năng Warmup của Swift Performance Pro – plugin thì cache sẽ được tự động tạo ra trước và hoạt động ngầm trên website (prebuild cache).

Để bật nó, bạn vào Settings => Warmup và đánh dấu vào Prebuild Cache Automatically đồng thời lưu ý với các tùy chọn sau:

Swift Performance Pro - Plugin tối ưu toàn diện cho WordPress 104
  • Prebuild Speed: Ở đây bạn sẽ lựa chọn tốc độ prebuild.
  • Discover New Pages: Nó sẽ tự động nhận diện các trang trên website.
  • Warmup Table Source: Ở đây bạn sẽ khai báo danh sách các trang trên website để prebuild.

Các tùy chọn còn lại bạn nên để mặc định.

Liên quan đến prebuild cache, bạn vào Optimization => General và bật 2 tùy chọn sau đây lên:

  • Optimize Prebuild Only: Nếu bật lên thì trang sẽ không lưu cache khi người dùng truy cập một trang chưa có cache vào lần đầu tiên.
  • Optimize in Background: Trang sẽ được ghi cache ngầm kể cả khi không có truy cập.
  • Limit Simultaneous Threads: Giới hạn số lượng process sinh ra để tạo cache.

Nén CSS

Tính năng này có thể không phù hợp với một số website. Nếu bật lên mà lỗi vỡ giao diện thì bạn hãy tắt đi.

Để bật bạn vào Settings => Optimization => Styles và bật các tùy chọn sau:

Swift Performance Pro - Plugin tối ưu toàn diện cho WordPress 105
  • Merge Styles: Bật tính năng nén CSS.
  • Generate Critical CSS: Bật lên thì nó sẽ tự động tạo ra các CSS quan trọng.
  • Print critical CSS inline: Nhúng trực tiếp CSS vào website thay vì lưu vào một tập tin.

Các tùy chọn khác để nguyên.

Nén JavaScript

Tính năng này có thể không phù hợp với một số website. Nếu bật lên mà lỗi vỡ giao diện thì bạn hãy tắt đi.

Để bật bạn vào Settings => Optimization => Scripts và bật các tùy chọn sau:

Swift Performance Pro - Plugin tối ưu toàn diện cho WordPress 106
  • Merge Scripts: Bật tính năng nén JavaScript.
  • Async Execute: Tải Javascript đã được nén với kiểu không đồng bộ.

Các tùy chọn khác để nguyên.

Tối ưu font chữ

Để bật tối ưu font, bạn vào Settings => Optimization => Fonts và bật các tùy chọn sau.

Swift Performance Pro - Plugin tối ưu toàn diện cho WordPress 107
  • Preload Fonts Automatically: Bật tùy chọn này thì tất cả font chữ tải trên trang của bạn sẽ được tự động tải đầu tiên và thêm rel="preload" vào đoạn mã nhúng.
  • Use Local Fonts: Nếu bạn có dùng font bên ngoài như Google Font thì bật tùy chọn này.

Tối ưu hình ảnh

Để cấu hình tối ưu hình ảnh, bạn vào Settings => Images và thiết lập các tùy chọn sau:

  • Optimize images on Upload: Tự động tối ưu hình ảnh ngay khi được upload lên
  • Images Source: Nếu bạn chỉ muốn tối ưu các ảnh khi upload lên thư viện thì chọn Media Library.
  • Image Optimizer: Bạn chọn Lossless nếu không muốn mất chất lượng hình ảnh.
  • Keep Original Images: nếu bạn không cần giữ ảnh chất lượng gốc thì tắt tùy chọn này để đỡ tốn dung lượng host.
  • Generate WebP: Bạn nên bật, khi tối ưu ảnh nó sẽ tự tạo ra một tập tin với định dạng .webp rất tối ưu cho trình duyệt Google Chrome.
  • Serve WebP: Khi đã bật tùy chọn tạo tập tin .webp ở trên rồi thì phải sử dụng nó, ở đây bạn nên chọn kiểu sử dụng là Use <picture> elements, nó sẽ sử dụng ảnh .webp vào thẻ <picture> nhưng hình ảnh định dạng gốc vẫn được chèn vào bằng thẻ <img>, như vậy với các trình duyệt cũ thì vẫn hiển thị hình ảnh được.
  • Serve WebP Background Images: Sử dụng định dạng .webp cho ảnh nền nếu có thể.
  • Inline Small Images: Các hình ảnh có kích thước và dung lượng nhỏ sẽ chèn trực tiếp vào trang với mã base64 thay vì nhúng tập tin hình ảnh vào.
  • Lazyload Images: Nếu website bạn chưa có sẵn hiệu ứng Lazyload cho hình ảnh thì có thể bật tính năng này lên, sau đó bật Load Images on User Interaction thì các hình ảnh nó chỉ hiển thị mờ mờ trên website với dung lượng rất thấp, chỉ khi được người dùng tương tác như rê chuột, cuộn trang thì nó sẽ hiển thị ảnh chất lượng gốc.

Nếu ảnh của bạn trước đó chưa được tối ưu lần nào thì bạn có thể vào mục Image Optimizer và ấn nút Optimize Image (All) để nó tự tối ưu toàn bộ hình ảnh.

Tối ưu toàn bộ hình ảnh trên website với Swift Performance Pro

Prefetech DNS

Việc sử dụng DNS Prefetch sẽ giúp trình duyệt chủ động phân giải các tên miền từ bên thứ ba với chế độ ưu tiên thấp, sau đó lưu cache của địa chỉ IP của tên miền bên thứ ba để các lượt tải sau sẽ có phản hồi gần như ngay lập tức.

Để bật tính năng này thì bạn vào Settings => General => Tweak và bật tùy chọn sau:

  • Prefetch DNS: Bật tính năng prefetch DNS.
  • Collect domains from scripts: Mặc định nó chỉ prefetch các tên miền của CSS, HTML từ bên thứ ba.

MỘT SỐ GỢI Ý CẤU HÌNH SWIFT PERFORMANCE PRO

Có một số tính năng mà bạn có thể sẽ cần lưu ý khi sử dụng như sau:

  • Đối với website nhẹ, chỉ có bài viết thông thường: Thì bạn vào Settings => Caching => Warmup => chỉnh giá trị Warmup Table Source là Auto.
  • Đối với website dùng WooCommerce, hoặc custom post type: Thì bạn vào Settings => Caching => Warmup => chỉnh giá trị Warmup Table Source là Sitemap, điền đường dẫn sitemap vào. Đông thời vào Settings => Optimization => General và tắt Optimize Prebuild Only.
  • Nếu website bạn ít cập nhật nội dung, thì bạn vào Settings => Caching => General và thiết lập Cache Expiry Mode là Time based mode, rồi chỉnh Cache Expiry Time lên cao nhất là 2 days. Còn nếu thường xuyên cập nhật nội dung thì nên chọn Action based mode.

Các tính năng còn lại mình đề cập trong bài thì nên bật lên hết.

Nguồn copy: Thachpham

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -

Most Popular

6 WEBSITES HAY ĐỂ HỌC JAVASCRIPT

Mặc dù blog mình đã có bài Học Javascript căn bản khá chi tiết và vui nhộn, nhưng nhiêu đó thật sự chưa đủ để...

4 CÔNG CỤ HỖ TRỢ DỊCH FILE PO NHANH HƠN

Việc sửa file .po mình đã có nói sơ qua bằng minh họa video hướng dẫn tự dịch Woocommerce, đồng thời mình cũng có nói...

TÀI NGUYÊN TRA CỨU HÀM VÀ HOOK

Ở đây mình sẽ giới thiệu bạn qua các tài nguyên tra cứu hàm và hook mà có thể giúp bạn tra cứu tất...

PHP CHO WORDPRESS VÀ CÁC TÀI NGUYÊN CẦN THIẾT

Hôm nay mình quyết định sẽ viết một bài guide là bài này để hướng dẫn bạn từng bước tìm hiểu PHP và các...

Recent Comments