[Review] WP Rocket 3.3 : Caching plugin đơn giản mà hiệu quả

WP Rocket chính là một trong những cache plugin được sử dụng nhiều nhất hiện nay

Vì sao ư? Đơn giản là nó hiệu quả, dễ dàng cài đặt.

Website bạn sẽ được tắng tốc, chỉ với vài nút bấm.

Sau một thời gian không dùng nữa, mình quyết định sử dụng lại và review cho anh em.

Hãy cùng xem WP Rocket 3.3 có gì mới nhé !

Mua WP-Rocket chỉ với giá 60k đầy đủ chức năng, không giới hạn site

Tính năng của WP Rocket

WP Rocket được bến đến là caching plugin, nhưng nó còn có thể làm nhiều hơn thế nữa.

Nó giúp bạn tối ưu một số thứ đơn giản, nhưng lại mang lại đến hiệu quả đến bất ngờ.

Đặc biệt là bạn chỉ cần click và tích để thiết lập mọi thứ rất đơn giản.

Hãy cùng xem qua những tính năng của WP Rocket 3.3 cơ bản:

  • Lưu đệm toàn bộ trang và bài viết trên website
  • Kích hoạt tính năng caching trên trình duyệt
  • Giảm băng thông sử dụng với công cụ nén Gzip
  • Tối ưu hóa tải font chữ
  • Hỗ trợ plugin. theme, hosting

Ngoài ra bạn cũng có thể thiết lập thêm các tính năng như:

  • Cache Preloading – điều này giúp bạn xây dựng bộ nhớ cache luôn sẵn sàng
  • Minify/Combine – Thu gọn và kết hợp các tệp CSS / JS của bạn.
  • Remove query từ tài nguyên tĩnh 
  • Lazyload – Trì hoãn quá trình tải hình ảnh, video cuộn đến đâu tải đến đó
  • Trì hoãn tải JS
  • Disable biểu tượng cảm xúc / nhúng
  • Combine các file Google Fonts

Một số cải tiến của WP Rocket 3.3

WP Rocket 3.3 chính thức được ra mắt từ ngày 09/04/2019.

Mình sẽ tóm tắt lại nội dung ở đây cho mọi người dễ thấy nhất.

Thật ra bản beta được tung ra từ đầu tháng 4, và mình đã có cơ hội được sử dụng nó (10% khách hàng ngẫu nhiên)

Mở rộng tính năng Lazyload tăng trải nghiệm người dùng

Cho đến hiện tại WP Rocket chỉ có thể lazyload trên những hình ảnh dùng thẻ <img> (trong post, widget..)

Đến phiên bản WP Rocket 3.3 này sẽ được cải tiến về chức năng này hơn nữa.

Lazyload sẽ được áp dụng trên hook template_redirect

Hiểu đơn giản là nó sẽ xử lý được nhiều hình ảnh hơn cùng lúc. Và ít gặp lỗi hơn.

Giờ cả ảnh background cũng được áp dụng lazyload nhé.

WP Rocket sẽ tự động tìm image background trong HTML và lazyload nó.

Ví dụ:

<div style=”background-image: url(image.jpg)”>

sẽ được Layzload thành:

<div data-bg=”url(image.jpg)” class=”rocket-lazyload” style=””>

Nói chung là cái này áp dụng thoải mái với page builder nổi tiếng hiện nay.

Còn một số cải tiến khác trong code của WP Rocket để hoạt động tốt hơn

Cái này chắc chúng ta không cần quan tâm lắm !

Giao diện bảng điều khiển của WP Rocket

Giao diện này đã khác khá nhiều so với lần trước mình review.

Mọi thứ rất trực quan, bạn có thể thực hiện một số chức năng nhanh ở đây như:

giao-dien-wp-rocket

WP Rocket version 3.3.0.1

  • Remove all cache file – Xóa toàn bộ file cache
  • Start cache preloading – Bắt đầu tạo cache cho toàn bộ page
  • Purge OPCache content – Lưu các đoạn script PHP trong lần đầu tiên chạy, sau đó dùng lại lần sau.
  • Regenerate Critical CSS – Tái tạo những CSS quan trọng.

Ngoài ra có một số thông tin cơ bản về License, để cấu hình sâu hơn bạn sẽ bạn sử dụng tính năng bên menu trái.

Cache – Tính năng Cache cơ bản

Ở tab Cache này sẽ cho phép bạn lựa chọn một số tính năng cơ cho cache như:

  • Bao gồm hoặc loại trừ người dùng xem trên mobie
  • Bao gồm hoặc loại trừ người dùng đăng nhập
  • Enable cache trên trang có HTTPS.
  • Thời gian lưu bộ nhớ của một trang (mặc định là 10h ).

File Optimization – Tối ưu CSS và JS

Tab này cho phép bạn thu gọn các file CSS, Javascript hoặc HTML lại ( code sẽ gọn gàng hơn)

  • Minify – Thu source code bằng cách xóa các ký tự không cần thiết (như khoảng trắng) mà không thay đổi bất kỳ chức năng nào.
  • Combine – Giảm số lượng tệp trên trang web của bạn bằng cách kết hợp nhiều tệp CSS / JS thành một.

Bạn cũng có thể thiết lập một số cài đặt khác như:

  • Eliminate render-blocking CSS/JS (PageSpeed ​​Insights luôn luôn cho vấn đề này lên đầu trong tối ưu tốc độ).
  • Combining Google Fonts files (hữu ích nếu bạn sử dụng nhiều Google Fonts trên trang web của mình).
  • Remove query strings from static resources (cái này không có tác dụng lắm, nhưng nó có thể cải thiện điểm GTmetrix).

Nếu được hãy kích hoạt tất cả các chức năng trên.

Tuy nhiên việc Minify và Combine CSS và Javascript luôn tiềm ẩn nguy cơ gây lỗi.

Đây không phải là lỗi của WP Rocket – việc thu gọn và kết hợp file lại đều có khả năng gây lên lỗi này.

WP Rocket có cảnh báo điều này rất rõ ràng

Media – Lazy loading và…

Trong tab Media này, cho phép bạn bật chức năng Lazyload trên hình ảnh/video.

Và disable các biểu tưởng cảm xúc trên website.

Một tính năng rất thú vị khác đó là  “Replace Youtube iframe with preview image”

Có nghĩa là thay thế iframe bằng hình ảnh preview.

Một cách tuyệt vời khi bạn nhùng yutube vào website, mà vẫn có được tốc độ load nhanh.

Preload – Tạo các file cache sẵn

Nếu không có chức năng Preloading, cache chỉ được tạo mỗi khi có người truy cập vào website bạn.

Điều đó đồng nghĩa, người dùng truy cập đầu tiên sẽ không được “cache”

Dẫn đến tốc độ load sẽ rất chậm

Cache Preload được tạo chính là để giải quyết vấn đề này

Tất cả mọi người sẽ được xem phiên bản website đã cache sẵn và chuẩn bị từ trước.

  • Sitemap Preloading: cache tất cả các trang trong sitemap.xml của bạn.

Advanced Rules – Một số tính năng nâng cao

Nếu bạn mới học sử dụng WordPress, có lẽ bạn sẽ không cần quan tâm đến tab này.

Nhưng đối với người thành thạo về WP Advanced Rules sẽ cho bạn nhiều lựa chọn hơn:

Để quản lý cache hoạt động cho các URL riêng, cookie, user-agents, etc..

Ví dụ: bạn có thể:

Loại bỏ một số URL sẽ không bao giờ bị cache

Lời khuyên: Nếu không biết rõ về chức năng này, tốt nhất là không nên nghịch ngợm nha 😀

Database – Dọn dẹp cơ sở dữ liệu

Thật ra tính năng này không có gì đặc biết cả.

Nó có một số tính năng để dọn dẹp cơ sở dữ liệu của bạn gồm:

Revision, Auto Draft, Trashed Post, Comment Spam…..

Có nhiều plugin chuyên về Clean Database tốt hơn nhiều. 😀

CDN – Tích hợp với CDN

Nếu bạn dùng CDN để tăng tốc độ tải cho mọi người dùng trên thế giới, thì tính năng này sẽ giúp bạn

  • Rewrite URL của bạn để sử dụng CDN của bạn
  • Loại trừ các tệp nhất định khỏi CDN của bạn

Mặc dù bạn có thể tìm thấy các plugin miễn phí cùng chức năng,

Với chức năng CDN CNAME(s) cho các loại file cụ thể, cho phép bạn linh hoạt hơn nhiều.

Ví dụ:

Bạn có thể sử dụng 1 CNAME cho hình ảnh và một các khác cho file còn lại

Còn nếu bạn dùng Cloudflare WP Rocket cũng hoàn toàn hỗ trợ.

Có nên mua WP Rocket không?

Có thể nhiều người sẽ nói

Nhiều plugin free đều có tính năng tương tự như vậy ( Cache Enabler, Autoptimize, WP-Optimize, WP-Disable, BJ Lazy Load)

Đúng vậy !

Nhưng bạn có muốn phải cài tất cả đám kia thay vì chỉ một không ?

Rồi sau đó loay hay setting.

Với WP Rocket  mình cài đặt mất chỉ có chưa đến 5p.

Nếu mua chính thức từ Trang chủ WP Rocket sẽ là 49$ cho license 1 website/ update 1 năm.

Hơi đắt đúng không anh em 😀

Qua TheDevKit mua cho hạt rẻ nhé (giá chỉ bằng bát phở thôi :D)

Mua WP-Rocket chỉ với giá 60k đầy đủ chức năng, không giới hạn site

Kết Luận

Sau một thời gian bỏ wp-rocket và sang swift, đến bây giờ lại quay lại và thấy hiệu năng thực sự ấn tượng

Đã không còn thua kém gì Swift mà còn cài đặt dễ dàng hơn nữa.

Xem So sánh Swift Performance và WP Rocket, nếu bạn chưa biết nhé.

Đã có nhiều cả tiến trong những phiên bản gần đây.

Nếu bạn đang tìm một cache plugin đơn giản mà hiệu quả, thì WP Rocket hoàn toàn phù hợp nhé.

Về tác giả

Duy Anh

Chào các bạn,

Mình là coder, đang sống và làm việc ở Mỹ. Mình thích viết lách nên muốn dành khoảng thời gian trống để chia sẻ các thủ thuật giúp các bạn xây dựng được trang web riêng của mình. Bạn nào cần xây dựng blog, web thì cứ ới, rảnh là mình giúp, tất cả FREE nhé!

Trả Lời

avatar
 
smilegrinwinkmrgreenneutraltwistedarrowshockunamusedcooleviloopsrazzrollcryeeklolmadsadexclamationquestionideahmmbegwhewchucklesillyenvyshutmouth
  Đăng ký  
Thông báo về
bộ công cụ Wordpress hữu ích dành cho mọi website

Bộ công cụ hữu ích dành cho mọi website Wordpress

Bao gồm theme & plugin tốt nhất và được sử dụng nhiều nhất!

Xin vui lòng kiểm tra email để xác thực tài khoản!