Chia sẻ và hướng dẫn cấu hình sử dụng Plugin Wp Rocket

Nếu bạn đã và đang phát triển một blog hay website, có thể bạn biết rằng SEO tốt không phải là tiêu chí duy nhất trong việc xếp hạng của Google. Tốc độ tải trang web của bạn cũng đóng góp một phần quan trọng, ảnh hưởng đến trải nghiệm người tiêu dùng và các công cụ tìm kiếm. Ở đây mình sẽ giới thiệu plugin wp-rocket là một công cụ tuyệt vời để giúp bạn tăng tốc độ tải cho trang web của mình.


Plugin WP Rocket là một trong những plugin tạo cache cho WordPress tốt nhất hiện nay. Plugin trả phí này không những sở hữu những tính năng vượt trội so với các đối thủ mà việc cài đặt và cấu hình nó cũng vô cùng đơn giản. Vì trả phí nên nhiều bạn chưa có khả năng dùng nên nó chưa phổ biến lắm. Tuy nhiên các bạn có thể dùng miễn phí vì mình sẽ share nó trong bài viết này với bản mới nhất hiện tại là 2.9.1. Hoặc các bạn nào có điều kiện thì có thể mua ở đây: wp-rocket.me (đáng đồng tiền bát gạo lắm ạ :D)

Bảng so sánh giữa các cache plugin: wp-rocket, hyper cache, super cache và w3 total cache. Giúp bạn có được một cái nhìn tổng quát hơn về Wp Rocket. Qua đó thấy được những đặc điểm rất nổi bật và vượt trội hơn hẳn các Plugin free khác.

Bảng so sánh sự khác biệt của wp rocket so với plugin khác

Cài đặt và thiết lập wp-rocket cơ bản:

Tải và cài đặt plugin vào và tiến hành cấu hình nhé. Tải tại đây

Đầu tiên, đi đến bảng điều khiển quảng trị của bạn, di chuột đến Settings => WP Rocket. Tại đây, các bạn sẽ tiến hành thiết lập thêm một số tùy chọn khác cho WP Rocket. Còn những tính năng cơ bản, WP Rocket đã tự động kích hoạt ngay sau khi bạn active plugin này.

Đầu tiên là tab Basic options, sẽ có một số tùy chọn như sau và chọn chọn như hình và nhấn Save Changes là được:

 

 

 

huong-dan-cau-hinh-su-dung-plugin-wprocket
Mình sẽ giải thích các tùy chọn như sau:
Lazyload: Chỉ tải hình ảnh và video khi người xem kéo đến nó. Đây là một cách tuyệt vời để tăng tốc website của bạn, các thành phần trên các trang sẽ không được nạp cùng một lúc, chỉ khi nào kéo xuống hình ảnh và video.
Files optimisation: Giúp rút gọn và nối JS, CSS, HTML hoặc Google Fonts trang web của bạn. Một lựa chọn tốt mà chắc chắn sẽ tăng tốc độ tải của trang web của bạn. Chọn mục này có thể gây ra lỗi giao diện cho trang Web của bạn, nếu gặp lỗi khi sử dụng chức năng này, bạn có thể xem tài liệu ở đây hoặc video
Mobile cache: Kích hoạt bộ nhớ đệm cho các thiết bị di động. Nếu bạn sử dụng các plugin hỗ trợ mobile như WordPress Mobile Pack hay WP Touch, bạn nên huỷ kích hoạt nó hoặc không chọn tuỳ chọn này, hoặc nếu bạn đang sử dụng theme hỗ trợ Responsive, không nên chọn mục này.
Feeds cache: Kích hoạt tính năng bộ nhớ đệm cho WordPress feeds.
Logged in user cache: Kích hoạt cache cho người dùng đăng nhập
SSL cache: Kích hoạt tính năng bộ nhớ đệm cho các trang web có giao thức SSL (https://)
Clear Cache Lifespan: Thời gian cache tồn tại, mặc định là 24h.
Lưu ý: Nếu bạn đã và đang sử dụng các plugin tối ưu khác để tối ưu hình ảnh, CSS, JS thì bạn cần tắt chúng đi để tránh tình trạng xung đột. Nếu website của bạn sử dụng nhiều JavaScript để hiển thị thì hãy xem mức độ quan rồi hãy chọn để tối ưu, hoặc tối ưu bằng tay nhé.

Chúc các bạn thành công!

Cấu Hình Chi Tiết:

Hướng dẫn cài đặt và cấu hình plugin WP Rocket

Trước khi bắt đầu cài đặt thì bạn cần phải có file cài đặt plugin WP Rocket nhé. Bạn có thể mua plugin WP Rocket của mình hoặc mua trên trang chủ của họ. Và file cài đặt plugin nó sẽ có dạngwp-rocket_x.xx.zip. Cách cài đặt plugin WordPress thì bạn có thể tham khảo các cách cài plugin WordPress mà mình đã hướng dẫn trong series học WordPress cơ bản. Ở đây mình cài bằng cách upload file .zip nhé.

Lưu ý: Trước khi cài đặt plugin WP Rocket bạn hãy ngừng kích hoạt và gỡ bỏ các plugin hỗ trợ tạo cache, minify, lazy load,… mà bạn đã lên web trước đó rồi tiến hành cài đặt như sau.

Bước 1: Truy cập Admin -> Gói mở rộng (Plugins) -> Cài mới (Add new) -> Tải plugin lên (Upload plugin). Sau đó tìm chọn file cài đặt plugin WP Rocket và ấn Cài đặt ngay (Install Now) như sau:

Bước 2: Sau khi cài đặt xong bạn kích hoạt plugin lên. Bây giờ bạn truy cập Cài đặt (Settings) -> WP Rocket, bạn sẽ thấy giao diện cài đặt plugin WP Rocket được chia ra thành các tab cụ thể.Mặc định thì khi kích hoạt plugin các chức năng cơ bản sẽ được bật và bạn có thể thấy web của bạn được tối ưu rồi. Nhưng để tận dụng hết khả năng của plugin này bạn hãy thiết lập theo hướng dẫn dưới đây.

Bước 3: Thiết lập tab Basic Options

Giải thích các thông số

  • Lazyload: Chọn 2 mục Images và Iframes & Videos để kích hoạt tính năng LazyLoad (tải khi người dùng cuộn trang tới) cho hình ảnh, iframes, video giúp tải trang nhanh hơn.
  • Files optimisation (Minification & Concatenation): Trong này sẽ có các mục tối ưu HTML, Google Fonts, CSS và JS. Chức năng này của plugin WP Rocket giúp kết hợp và nén các file CSS, JS lại nhẹ hơn để web tải nhanh hơn nhưng nó có thể khiến giao diện bị vỡ. Bạn nên tích thử các mục nếu bị vỡ giao diện thì bạn có thể bỏ tích hoặc xem video hướng dẫn này hoặc tham khảo thêm ở đây.
  • Mobile cache: Tạo cache cho giao diện mobile. Nếu bạn đang sử dụng giao diện responsive thì không tích chọn mục này nhé.
  • Feeds cache: Tạo cache cho nguồn cấp dữ liệu (RSS feeds). Không nên tích chọn nếu web/blog của bạn được cập nhật nội dung thường xuyên.
  • Logged in user cache: Kích hoạt cache khi người dùng đã đăng nhập. Không nên kích hoạt để không bị cache khi bạn đăng nhập vào để chỉnh sửa web.
  • SSL cache: Bật cache nếu web/blog sử dụng giao thức HTTPS (SSL). Mặc định nếu web của bạn dùng SSL thì plugin sẽ tự kích hoạt mục này.
  • Emojis: Thay thế Emojis bằng các biểu tượng cảm xúc mặc định của WordPress. Nếu bật mục này sẽ giảm số yêu cầu HTTP từ bên ngoài.
  • Clear Cache Lifespan: Thiết lập tự động xóa file cache sau 1 khoảng thời gian nào đó. Đặt là 0 nếu không muốn xóa cache.

Sau khi thiết lập xong nhớ ấn Lưu lại nhé.

Bước 4: Thiết lập tab Advanced options

Giải thích các thông số

  • Static Resources: Loại bỏ các query strings khỏi các tài nguyên tĩnh. Ví dụ nó chuyển các file có dạng /style.css?ver=1.0 thành /style-1.0.css. Nên tích vào để web load nhanh hơn.
  • Prefetch DNS requests: Nạp trước các DNS giúp trình duyệt dự đoán DNS resolution của các tên miền từ bên ngoài. Chức năng này giúp làm giảm độ trễ khi tải một số tập tin từ bên ngoài.
  • Empty the cache of the following pages when updating a post: Nhập URL vào đây để xóa cache của các trang đó khi bạn đăng tải hoặc cập nhật bài viết, bình luận.
  • Never cache the following pages: Nhập vào các URL bạn không muốn tạo cache. Bạn nên nhập URL các trang giỏ hàng, thanh toán,… của Woocommerce tương tự như trong hình trên để không bị cache các trang này.
  • Don’t cache pages that use the following cookies: Nhập vào các trang sử dụng cookie mà bạn không muốn tạo cache.
  • Cache pages that use the following query strings (GET parameters): Tạo cache các trang có kết thúc bằng chuỗi truy vấn (query strings).
  • Never send cache pages for these user agents: Không tạo cache cho những người dùng có trong danh sách. Nên thêm người dùng không muốn cache nếu bạn tích chọn mụcLogged in user cache ở tab Basic options.
  • Reducing the number of minified files in one file on: Gộp tất cả các file JS, CSS thành một file duy nhất giúp cải thiện tốc độ load nhưng có thể gây lỗi giao diện. Bạn có thể thử nếu bị lỗi thì không kích hoạt nữa.
  • CSS files to exclude from minification: Loại trừ các tập tin CSS bạn không muốn nén gộp.
  • JS files to exclude from minification: Loại trừ các tập tin JS bạn không muốn nén gộp.
  • JS files to be included in the footer during the minification process: Thêm các file JS để cho load ở footer.
  • JS files with deferred loading: Thêm các file JS bạn muốn tải không đồng bộ.

Nhớ ấn Lưu để lưu lại các thiết lập nhé.

Bước 5: Thiết lập tab Database

Lưu ý: Trước khi thiết lập và tối ưu database ở mục này, bạn nên backup lại database để phòng xảy ra lỗi sẽ có file để khôi phục lại.

Giải thích các thông số

  • Posts cleanup: Dọn dẹp data các bài viết, trang
    • Revisions: Xóa các phiên bản cũ của bài viết, trang trong database
    • Auto Drafts: Xóa các bản nháp được lưu tự động
    • Trashed posts: Xóa các bài viết, trang trong thùng rác
  • Comments cleanup: Dọn dẹp database trong mục bình luận
    • Spam comments: Xóa các bình luận trong mục spam
    • Trashed comments: Xóa các bình luận trong thùng rác
  • Transients cleanup: Dọn dẹp các transients (các giá trị tạm thời) trong database
    • Expired transients: Xóa bỏ các transient hết hạn
    • All transients: Xóa bỏ toàn bộ các transient trong database
  • Database cleanup: Tối ưu các bảng trong database
  • Automatic cleanup: Thiết lập tự động dọn dẹp database theo chu kỳ ngày, tuần, tháng

Cuối cùng ấn Save and optimize nếu muốn lưu cài đặt và chạy tối ưu. Còn ấn Optimize nến bạn chỉ muốn chạy tối ưu nhưng không lưu thiết lập.

Bước 6: Thiết lập tab CDN

Nếu bạn sử dụng CDN thì hãy quan tâm đến mục này, còn không thì hãy bỏ qua nó nhé.

Giải thích các thông số

  • CloudFlare: Tích chọn nếu bạn dùng CloudFlare. Sau khi chọn hãy click nút Lưu thay đổi để kích hoạt thêm tab CloudFlare. Cách thiết lập tab này bạn xem ở dưới.
  • CDN: Tích chọn mục này nếu bạn đang dùng dịch vụ CDN từ nhà cung cấp khác, chẳng hạn như MaxCDN…
  • CDN & SSL: Chọn mục để vô hiệu hóa CDN trên các trang sử dụng giao thức HTTPS (SSL).
  • Replace site’s hostname with: Thay thế hostname bằng đường dẫn CDN (chẳng hạn http://cdn.nhatnh.com) và chọn đối tượng bạn muốn áp dụng.
  • Rejected files: Thêm danh sách các file không sử dụng CDN.

Bước 7: Thiết lập tab CloudFlare

Giải thích các thông số

  • CloudFlare Account Email: Nhập email đăng nhập tài khoản CloudFlare.
  • API Key: Nhập API Key (Global API Key) mà bạn được cấp. Cách lấy API Key của CloudFlare bạn có thể xem hướng dẫn tại đây.
  • Domain: Địa chỉ web/blog của bạn. Mặc định nó tự nhận domain của bạn.
  • Development Mode: Chế độ của nhà phát triển. Mặc định là “Off”
  • Auto enable the optimal CloudFlare settings (props WP Rocket): Mặc định sẽ chọn “No” để giữ nguyên các thiết lập hiện tại của tài khoản CloudFlare. Chọn “Yes” nếu bạn muốn plugin WP Rocket tối ưu các cài đặt.
  • HTTPS Protocol Rewrite: Chọn” Off” nếu bạn không sử dụng HTTPS (SSL). Ngược lại, hãy chọn “Yes”.
  • Clear cache: Xóa cache của CloudFlare.

Bước 8: Thiết lập tab Varnish

Nếu hosting/vps của bạn có cài đặt Varnish cache thì hãy tích vào mục Varnish Caching Purge để kích hoạt tính năng tự động xóa cache.

Bước 9: Thiết lập tab Tools

Giải thích các thông số

  • Beta Tester: Nếu bạn muốn làm “chuột bạch” để thử nghiệm các phiên bản beta của WP Rocket thì tích chọn mục này
  • Clear cache: Xóa tất cả cache của web
  • Preload cache: Tải lại toàn bộ cache
  • Purge OPcache: Xóa OPcache
  • Settings Exporter: Tải về file thiết lập plugin
  • Settings Importer: Nhập dữ liệu thiết lập plugin từ file có sẵn
  • Update Rollback: Cài đặt phiên bản cũ hơn nếu bạn gặp lỗi với phiên bản mới

Sau khi thiết lập xong nhớ ấn Lưu thay đổi nhé.

Lời kết:

Như vậy là quá trình cài đặt và cấu hình plugin WP Rocket đã hoàn tất. Trên đây là toàn bộ các thiết lập cho plugin Rocket, trên thực tế thì nhiều web chỉ cần cài đặt các bước 3, 4, 5 là đủ để web chạy mượt rồi.

Cuối cùng, nếu thấy bài viết hay hãy like và share cho bạn bè nhé. Trong quá trình cài đặt và sử dụng plugin WP Rocket nếu bạn gặp vấn đề gì thì có thể đặt câu hỏi trong khung bình luận ở dưới để được hỗ trợ nhé. Và nhớ theo dõi chuyên mục thủ thuật WordPress để cập nhật thêm nhiều thủ thuật mới từ Nhatnh.Com nhé. Chúc bạn thành công!

Mình có bán Key Flatsome bạn nào có như cầu thì inbox mình để mua nhé, Update thoải mái cho nhiều domain. (Mình có tới 11 key lận nên bảo hành đổi 1-1 nhé).

Link FB: https://www.facebook.com/nhatnguyenweb
Link Download:Download Flatsome Theme version 3.8.4 (Update 12.08.19)

Ngoài ra mình cũng bán trên chợ theme rất nhiều theme và plugin:

https://chotheme.com/item/3339/flatsome-multi-purpose-responsive-woocommerce-theme

Các bạn mua ủng hộ mình nhé, mình sẽ hỗ trợ nhiệt tình cho các bạn.

 

Mua key Flatsome – Hỗ trợ thanh toán qua:

Ngân hàng Techcombank
Số tài khoản: 19031093409012
Tên tài khoản: NGUYEN HONG NHAT
Chi nhánh Thắng Lợi – 58 Võ Văn Tần, Phường 6, Quận 3, TP.Hồ Chí Minh

Thanh toán qua số MOMO: 0869627564

Giới thiệu với bạn Chợ WordPress chuyên bán theme, plugin chính hãng, đây là chợ rất uy tín, các bạn có thể mua ở đây nhé:

Link: https://chowordpress.com/

0 0 votes
Article Rating
Bình luận
Notify of
guest
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
trackback
2 years ago

[…] Xem hướng dẫn chi tiết và cài đặt :Ở đây […]

1
0
Would love your thoughts, please comment.x
()
x