So sánh 6 plugin Minify JS và CSS tốt nhất cho WordPress

So sánh 6 plugin Minify JS và CSS tốt nhất cho WordPress

Một trong những cách đơn giản để tăng tốc cho WordPress là minify các tệp tin JS và CSS. Hiểu đơn giản thì minify là phương pháp gộp nhiều file JS và CSS lại thành một file duy nhất, đồng thời kích thước sẽ được giảm xuống đáng kể. Việc này giúp giảm số lượng request lên server và tiết kiệm băng thông.

Đối với WordPress thì chúng ta có thể sử dụng plugin để nén JS và CSS vô cùng đơn giản. Hiện nay có khá nhiều plugin hỗ trợ bạn làm công việc này. Trong bài viết mình sẽ so sánh các plugin nén JS và CSS miễn phí tốt nhất hiện nay để bạn có thể dễ dàng lựa chọn cho website của mình.

Bài so sánh này mình sử dụng lần lượt 6 plugin:

  1. Autoptimize
  2. Better WordPress Minify
  3. Fast Velocity Minify
  4. JCH Optimize
  5. Merge + Minify + Refresh
  6. PageSpeed Ninja

Mình sẽ thử nghiệm trên hosting của hostinger.vn, sử dụng WordPress 4.9.4 cài đặt theme Twenty Seventeen v1.4. Quá trình test mình sẽ dung công cụ GTmetrix kiểm tra nhiều lần để lấy kết quả trung bình, sau đó sẽ sử dụng kết quả gần nhất với con số trung bình đó.

Dưới đây là kết quả khi không sử dụng các plugin nén JS và CSS.

Không nén JS và CSS

Xem thêm:

1. Autoptimize

Autoptimize là plugin được nhiều người sử dụng nhất để nén JS và CSS cho website, với hơn 500.000 lượt kích hoạt. Tính năng của Autoptimize được chia thành cơ bản và nâng cao, sử dụng rất đơn giản.

Thiết lập Autoptimize plugin

Các chức năng cơ bản sẽ hỗ trợ việc xóa bỏ các khoảng trắng trong HTML, minify JS và CSS rồi cache chúng trên hosting. Các chức năng nâng cao của Autoptimize có nhiều tính năng để website tải nhanh hơn với nhiều tùy chọn inline hoặc defer các tập tin JS và CSS.

Kết quả thử nghiệm sau khi sử dụng plugin Autoptimize:

Sau khi sử dụng Autoptimize plugin

Xem thêm: Minify HTML, CSS và JavaScript trong WordPress với Autoptimize

2. Better WordPress Minify

Better WordPress Minify (viết tắt: BWP Minify) là một plugin minify được viết bởi một lập trình viên người Việt và được đánh giá khá cao. Tuy đã dừng cập nhật 2 năm trước nhưng plugin này vẫn được cộng đồng tin dùng vì hiệu năng của nó.

Cấu hình BWP Minify

BWP Minify ngoài tính năng nén JS và CSS thì plugin này còn cung cấp cho bạn các tiện ích như tùy chọn đường dẫn cache, cấu hình số file tối đa để minify, thời gian tồn tại của cache,…và tính năng nâng cáo với CDN.

Kết quả thử nghiệm sau khi sử dụng plugin BWP Minify:

Sau khi sử dụng Best WordPress minify plugin

3. Fast Velocity Minify

Fast Velocity Minify là plugin minify được đánh giá rất cao trên thư viện plugin của WordPress, cụ thể là 4.8/5 sao với hơn 30.000 lượt kích hoạt.

Sau khi cài đặt plugin sẽ giảm số HTTP request bằng cách gộp các tập tin JS và CSS với nhau, sau đó các tập tin này sẽ được minify để giảm kích thước. Fast Velocity Minify vào lần đầu truy cập đầu tiên, sau đó no sẽ cache thành tập tin tĩnh trên hosting cho những lần truy cập tiếp theo.

Kết quả thử nghiệm sau khi sử dụng plugin Fast Velocity Minify:

Sau khi sử dụng Fast Velocity Minify plugin

4. JCH Optimize

Cũng giống như các plugin nén JS và CSS khác, JCH Optimize cũng giúp tăng tốc WordPress bằng cách giảm request sau khi gộp và nén Gzip các tập tin JS, CSS với nhau.

Bên cạnh đó, JCH Optimize còn cung cấp thêm minify HTML và kết hợp hình ảnh. Nếu bạn có điều kiện có thể sử dụng bản Pro để sử dụng tính năng như CDN, tối ưu hóa hình ảnh, lazy load.

Kết quả thử nghiệm sau khi sử dụng plugin JCH Optimize:

Sau khi sử dụng JCH Optimize plugin

5. Merge + Minify + Refresh

Merge + Minify + Refresh (viết tắt: MMR) là một plugin nén JS và CSS hoàn toàn miễn phí. Với plugin này bạn có thể tùy chọn gộp hoặc minify cho JS hoặc CSS rất linh hoạt. Không giống với các plugin khác, thay vì tạo các tập tin tĩnh khi có truy cập thì MMR lại sử dụng WP-Cron để tránh trường hợp làm chậm trang khi nén lần đầu tiên.

MMR sử dụng khá đơn giản, bạn chỉ việc chọn vào các tính năng tương ứng tại trang cấu hình. Ngoài ra, MMR còn cung cấp thêm tính năng bật HTTP2 Server Push, nén Gzip.

Kết quả thử nghiệm sau khi sử dụng plugin Merge + Minify + Refresh:

Sau khi sử dụng Merge + Minify + Refresh plugin

6. PageSpeed Ninja

Cái tên cuối cùng trong danh sách này là PageSpeed Ninja – một plugin mới ra mắt nhưng được người dùng đánh giá cao vì tính năng ưu việt của nó.

PageSpeed Ninja cung cấp cho bạn hàng loạt các tính năng nhằm tối ưu tốc độ WordPress như minify HTML, JS và CSS, bật nén Gzip cho các tập tin sau khi gộp, lưu cache trong trình duyệt, fix lỗi render blocking CSS và JS, tối ưu hóa hình ảnh,….

Nhìn chung đây là plugin rất đa năng để cải thiện hiệu suất website của bạn rất đáng để sử dụng.

Kết quả thử nghiệm sau khi sử dụng plugin PageSpeed Ninja:

Sau khi sử dụng PageSpeed Ninja plugin

Kết quả

Sau khi thử nghiệm lần lượt các bài kiểm tra với các plugin bên trên, chúng ta có được kết quả như bảng bên dưới:

Không nén JS & CSSAutoptimizeBetter WordPress MinifyFast Velocity MinifyJCH OptimizeMMRPageSpeed Ninja
PageSpeed Score979899100989998
YSlow Score90948895919496
Fully Loaded Time2.8s2.4s2.8s2.2s2.7s2.6s2.6s
Total Page Size252KB244KB247KB241KB247KB244KB238KB
Requests1511131014118

Qua bài so sánh thì có thể thấy plugin Autoptimize và Fast Velocity Minify làm cực tốt công việc của mình. Đây đều là 2 cái tên mình đã từng dùng để nén JS và CSS cho blog, bạn có thể sử dụng một trong hai plugin này để tăng tốc website WordPress nhé.

So sánh 6 plugin Minify JS và CSS tốt nhất cho WordPress
5 (3 votes)

6
Để lại một bình luận

avatar
700
3 Comment threads
3 Thread replies
1 Followers
 
Most reacted comment
Hottest comment thread
4 Comment authors
Nam NguyễnNam NgôHoang TruoVũ đức Mạnh Recent comment authors
Vũ đức Mạnh
Khách

Bài viết rất chi tiết thank bác!

Hoang Truo
Khách

Cá nhân mình đang sử dụng plugin Lite speed cache thấy đây là 1 plugin rất tốt, bạn có thể review xem sao nhé

Nam Nguyễn
Khách

wprocket thì sao hả bác?

Đăng kí BẢN TIN

Đăng kí BẢN TIN

Đăng kí bản tin to cập nhật bài viết nhanh nhất and receive the following phần quà hấp dẫn từ Nam Ngô Blog.

Bạn đã đăng kí thành công!