WP Rocket - Giải pháp tối ưu hóa website tối đa cho WordPress
WP Rocket là một trong những plugin tạo cache cho WordPress tốt nhất hiện nay. Plugin WP Rocket hỗ trợ nhiều tính năng đa dạng giúp bạn tự tin vận hành website của mình mà không cần cài đặt thêm nhiều plugin bổ sung khác. Tuy nhiên, việc có quá nhiều tính năng vô tình khiến cho những người mới làm quen với WordPress gặp khá nhiều khó khăn. Trong bài viết này, Vietnix sẽ hướng dẫn cài đặt và cấu hình WP Rocket để đem lại hiệu quả tối ưu nhất.
Xem thêm:
- WordPress hosting là gì? Tại sao bạn cần nó cho trang web của mình?
- Khám phá Newspaper Theme - Giao diện WordPress chuyên nghiệp dành cho các trang báo điện tử
- Cách thay đổi đường dẫn wp-admin của WordPress để tăng bảo mật cho website
- 7 Popup plugin WordPress tốt nhất cho website
- Hướng dẫn tạo theme WordPress theo ý tưởng của riêng bạn
- Tuyển chọn 13 theme WordPress SEO tốt nhất
WP Rocket là gì?
WP Rocket là plugin dành cho WordPress với các tính năng cache mạnh mẽ. Các chuyên gia WordPress công nhận rằng, hiện tại nó chính là caching tool mạnh nhất. WP Rocket có nhiều option và tính năng tối ưu hóa tự động được nhiều người dùng WordPress sử dụng, bao gồm cả các chuyên gia lẫn người mới ưa chuộng.
WP Rocket caching đảm bảo các trang web sẽ tải rất nhanh. Điều này rất cần thiết để cải thiện thứ hạng SEO và tăng quá trình chuyển đổi. Với cách thiết lập dễ dàng, WP Engine đã đặt mục tiêu biến WP Rocket trở thành caching plugin thân thiện cho người dùng.
Ngoài ra có một số lưu ý bạn cần biết về Plugin WP Rocket:
- WP Rocket hiện nay không hỗ trợ phiên bản miễn phí tại thư viện WordPress.org, do vậy, để sử dụng WP Rocket người dùng phải mua bản quyền tại WP-Rocket.me.
- Đặc biệt hơn nữa, Vietnix đang có chương trình tặng theme WP Rocket cho toàn bộ khách hàng khi đăng ký dịch vụ Hosting tại Vietnix. Bạn có thể tham khảo bài viết sau đây để hiểu rõ hơn và nhận ưu đãi nhé: Vietnix tặng theme và plugin bản quyền: WP Rocket, Elementor Pro, WPML, RankMath Pro,... khi sử dụng dịch vụ Hosting/VPS.
WP Rocket cải thiện hiệu suất của website như thế nào?
Trước hết, hãy cùng tìm hiểu những lý do giúp plugin WP Rocket trở thành plugin hỗ trợ caching hàng đầu mà hầu hết người dùng Wordpress đều tin dùng.
Caching là một quá trình lưu trữ những phần tử tĩnh (static elements) của trang để cải thiện tốc độ truy cập cho những lần sau. Khi một người dùng truy cập lần đầu vào website của bạn, trang này sẽ được tải từ server và sử dụng một số tài nguyên từ máy chủ. Tuy nhiên, cơ chế hoạt động mặc định có thể sẽ tiêu tốn rất nhiều tài nguyên hệ thống, và thậm chí làm chậm tốc độ load trang.
WP Rocket sẽ tạo một phiên bản cache của trang, và hệ thống sẽ sử dụng chính phiên bản này để phục vụ người dùng trong những lần truy cập tiếp theo. Từ đó giúp cải thiện tốc độ và tiết kiệm tài nguyên vô cùng hiệu quả. Hơn thế nữa, plugin này còn thêm các header Cache-control vào những tài nguyên tĩnh, nhằm giúp việc HTTP caching được hiệu quả hơn.
Bên cạnh đó, các header cũng enable tính năng preload trang khi rê chuột đến. Việc này giúp tối ưu hóa thời gian load và tăng hiệu suất của trang ở những lần truy cập sau này.
Tuy nhiên, vì sao ta lại đang chú trọng rất nhiều vào tốc độ tải trang? Nó có ảnh hưởng to lớn như thế nào đến website của mình?
Lợi ích của tốc độ load trang (Page speed)
Trước hết, người dùng chắc chắn sẽ thích truy cập những trang có tốc độ load nhanh hơn. Không ai muốn phải ngồi chờ đến hàng chục giây, hay thậm chí nhiều phút chỉ để đợi một website load xong cả.
Thứ hai, tốc độ load trang nhanh cũng đem lại những lợi ích nhất định cho các chủ sở hữu website. Sau khi đáp ứng được tốc độ tải trang nhanh thì ta sẽ có nhiều cơ hội để tương tác với người dùng hơn, từ đó dễ dàng triển khai những chiến lược kinh doanh online đã đặt ra trước đó.
Và cuối cùng, tốc độ load trang có ảnh hưởng không nhỏ đến thứ hạng của website. Đây là một yếu tố xếp hạng chính thức được công bố bởi Google, vì vậy hãy đảm bảo bạn có các chiến lược cải thiện tốc độ website của mình. Bạn có thể xem Google đang đánh giá tốc độ tải trang của website bằng công cụ PageSpeed Insight.
Nếu bạn vẫn còn băn khoăn liệu có nên cài đặt WP Rocket cho website hay không? Cùng tìm hiểu thêm một số ưu và nhược điểm mà Vietnix sẽ giới thiệu ở phần dưới đây nhé.
Ưu nhược điểm của WP Rocket
Dưới đây là bảng tóm tắt toàn bộ ưu và nhược điểm của WP Rocket:
| Ưu Điểm | Nhược Điểm |
|---|---|
| Dễ dàng sử dụng, không cần biết code quá nhiều | Hiện chỉ tương thích với website nền tảng Wordpress |
| Khả năng tối ưu đa nhiệm cache, media, font, code CSS, HTML | Chưa có tính năng tối ưu hình ảnh .webp |
| Kết hợp tốt với các theme, plugin hay các nên tảng hosting khác nhau | Bản miễn phí không thực sự tối ưu cho các trang có lưu lượng truy cập cao |
Liên kết được với nhiều Add-on, thuận lợi cho việc tracking |
Ưu điểm
WP Rocket áp dụng đến 80% các phương pháp hay nhất về tối ưu hóa hiệu suất. Bạn không cần phải cấu hình Plugin WP Rocket quá nhiều. Sau khi bạn kích hoạt, trang web sẽ ngay lập tức được hưởng các lợi ích như:
- Static cache cho desktop và thiết bị di động chính là phiên bản static HTML.
- Browser caching (trên Apache, nếu có trên server): Lưu trữ một số loại file nhất định trên máy của khách truy cập.
- Hỗ trợ Cross-Origin cho web font (trên Apache).
- Phát hiện và hỗ trợ các plugin, theme, và các môi trường hosting khác nhau của bên thứ ba.
- Sự kết hợp của các script inline và bên thứ 3.
- WooCommerce Refresh Cart Fragments Cache.
WP Rocket tự động xử lý tất cả những điều này, bạn sẽ không cần phải can thiệp code để làm cho trang website tải nhanh hơn. Chỉ cần cài đặt và thời gian loading khi đo bằng GTMetrix và PageSpeed score sẽ được cải thiện!
Nếu bạn muốn setting và tận dụng tối đa tính năng của WP Rocket, có nhiều option nâng cao khác để lựa chọn: lazy loading cho image, XML sitemaps preloading, tối ưu hóa Google Fonts, minify CSS và JS, deferred loading cho JS files, tối ưu hóa CSDL và nhiều hơn nữa.
Có thể chọn 1 trong những license sau để tận dụng tất cả tính năng trên:
- Single license ($49/1 trang web).
- Plus license ($99/3 trang web).
- Infinite license ($249/không giới hạn số lượng trang web).
Tất cả các license bao gồm 1 năm hỗ trợ và update.
Nhược điểm
Phổ biến và được tin dùng nhiều như vậy , liệu WP Rocket có những nhược điểm cần lưu ý nào không? Tất nhiên là không có công cụ nào là hoàn hảo cả và WP Rocket cũng vậy. Dưới đây là một vài điểm mà nhiều người dùng vẫn cảm thấy chưa được tối ưu hoặc một số caching tool khác đang làm tốt hơn, ví dụ như Nitropack.
WP Rocket hiện tại:
- Chỉ tương thích với duy nhất nền tảng WordPress.
- Không có tính năng chuyển định dạng hình ảnh thành đuôi .webp như một vài caching tool tương tự.
- Khác biệt tính năng giữa bản free và các gói license là rất lớn. Nếu bạn muốn tối ưu cho các website lớn thì các tính năng cơ bản là không đủ.
Hướng dẫn cài đặt Plugin WP Rocket
Bước 1: Mua và tải về Plugin WP Rocket tại đây: https://wp-rocket.me/pricing/.
Bước 2: Upload file plugin WP Rocket .zip mới tải lên WordPress của bạn.
Bước 3: Kích hoạt plugin WP Rocket.
Lưu ý: Sau khi kích hoạt WP Rocket, hãy vô hiệu hóa và xóa các plugin hỗ trợ tạo cache, minify dữ liệu, lazyload,… mà bạn đã cài đặt trước đó.
Truy cập vào 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.
Sau khi đã kích hoạt thành công thì WP Rocket sẽ tự chạy nên bạn không cần làm gì thêm. Nhưng để tối ưu plugin này chúng ta nên cấu hình WP Rocket thêm một số tính năng sau.
Nói chung, các cài đặt mặc định của WP-Rocket đã đủ để tăng tốc website của bạn đến hơn 80%! Tuy nhiên người dùng vẫn hoàn toàn có thể kết hợp tính năng để có được cấu hình tối ưu nhất cho website của mình.
Video review và cách cấu hình Plugin WP Rocket 2021
12 bước cấu hình tối ưu WP Rocket Plugin
| Các cài đặt cấu hình WP Rocket tốt nhất | Kích hoạt / ngừng kích hoạt |
|---|---|
| Cache | - Kích hoạt bộ nhớ cache trên thiết bị di động - Tắt bộ nhớ cache của người dùng |
| File Optimization | - Giảm thiểu CSS và JS - Bật Kết hợp CSS và JS - Cho phép Tối ưu hóa phân phối CSS - Tải JS hoãn lại |
| Media | - Bật tính năng tải theo kiểu Lazy Loading - Tắt biểu tượng cảm xúc và WordPress nhúng - Bật bộ nhớ đệm WebP, sử dụng ShortPixel để tạo hình - ảnh WebP - Bật kích thước hình ảnh |
| Preload Cache | - Bật tải trước cache dựa trên Sơ đồ trang web - Bật tải trước liên kết nội bộ - Tìm nạp trước DNS trong trường hợp sử dụng tập lệnh của bên thứ ba - Nên tải trước phông chữ Google nếu tải phông chữ bên ngoài |
| Advanced Rules | - Thêm sơ đồ trang web của bạn trong (các) URL Never Cache - Chỉ sử dụng các quy tắc ( Rules ) khác nếu bạn chắc chắn về nó, nếu không, cài đặt mặc định vẫn ổn |
| Database | - Bật tính năng Post revisions, bản nháp tự động , và xóa bài rác trong Post Cleanup - Bật tính năng tự động dọn dẹp chuyển tiếp và Dọn dẹp cơ sở dữ liệu - Đặt tần suất dọn dẹp tự động thành hàng tháng hoặc hàng tuần (đồng bộ hóa nó với bản backup) |
| CDN | - Kích hoạt CDN nếu bạn đang sử dụng. |
| Heartbeat | - Bật Kiểm soát Heartbeat |
| Add-Ons | - Bật Google Analytics để xóa cảnh báo bộ nhớ đệm của trình duyệt cho Google Analytics |
| Image Optimization | - Kích hoạt tự động nếu bạn sử dụng plugin Imagify |
| Tools | - Tiện ích để nhập và xuất cài đặt plugin WP Rocket |
1. Plugin WP Rocket Dashboard
Bản Plugin WP Rocket free cung cấp một dashboard với các tính năng cơ bản như sau:
- Clean Cache: Xóa mọi file cache của trang.
- Preload Cache: Hướng dẫn WP Rocket cache lại trang web, và chuẩn bị sẵn các phiên bản cache của mọi trang.
- Clean OPcache: Đặc biệt hữu ích với những website chạy trên PHP.
2. Tối ưu cài đặt WP Rocket Cache
Các cấu hình caching mặc định của WP là khá tốt, tuy nhiên hãy chú ý thêm đến một số tùy chọn sau để tối ưu cài đặt WP Rocket:
- Mobile Cache: Bỏ kích hoạt phần này, vì hầu hết các theme hiện nay đều có khả năng phản hồi rất tốt với các thiết bị di động. Chỉ nên kích hoạt tính năng này nếu bạn đang sử dụng một plugin riêng cho việc xây dựng một phiên bản mobile riêng cho website (ví dụ như WP Touch, Auto Optimize, Jetpack,...).
- User Cache: Bỏ kích hoạt đối với những trang và blog WordPress thông thường. Tuy nhiên, nếu bạn sử dụng một trang membership hay cửa hàng Woocommerce thì hãy kích hoạt tính năng này, để mỗi khách hàng đều có một phiên bản cache riêng.
- Cache Lifespan: Cho phép cài đặt thời gian xóa cache cũ và tự động tạo phiên bản mới trên hệ thống. Thiết lập mặc định là 10 giờ (phù hợp với phần lớn trang web), nhưng nếu bạn chỉ đang chạy một website tĩnh thì có thể đặt sang 24h để tiết kiệm tài nguyên. Nếu bạn ở hữu một hosting chất lượng cao thì có thể xét thời gian ít hơn ( tối đa là mỗi 1 giờ).
3. Tối ưu cấu hình File Optimization
- Minify CSS files: Trong phần này, ta có thể thực hiện một số thiết lập để nén, tối ưu CSS và JavaScript cho website, tức là giảm kích thước của các file tĩnh để cải thiện tốc độ trang web. Tuy nhiên, đôi khi việc này có thể dẫn đến một số hậu quả không đáng có và website thậm chí không load được. Trường hợp này khá phổ biến đối với các website sử dụng Page Buider Plugin như Elementor hay WPBakery Page Builder; Flatsome có thể ít bị ảnh hưởng hơn. Nói chung dù bạn có dùng plugin nào để build website thì bạn cũng nên reload lại website của mình ở giao diện chính trên Frontend để xem có thành phần nào bị lỗi hiển thị hay không mỗi khi kích hoạt một tính năng rồi quay lại giao diện cài đặt WP Rocket để kích hoạt các tính năng tối ưu CSS tiếp theo.
- Trong trường hợp gặp vấn đề sau khi tối ưu các file, bạn có thể disable tính năng để quay về trạng thái bình thường. Đôi khi một số file cũng không thể được minify chính xác, do đó hãy tìm các file này và thêm vào trường "exclude CSS and JavaScript" để tối ưu CSS mà không ảnh hưởng đến trang web.
- Bên cạnh đó, option Combine CSS File cũng giúp gộp các file CSS vào thành một để giảm thiểu số lượng request HTTP.
- Load JavaScript deferred: Các file JavaScript thường khá nặng nên hãy cho những file này load sau cùng. Tương tự, hãy bỏ những phần code JavaScript khỏi tính năng defer (trì hoãn) nếu muốn load các thành phần này nhanh nhất có thể.
- Ngoài ra, WP Rocket cũng hỗ trợ tính năng trì hoãn việc thực thi JavaScript cho đến khi người dùng di chuyển đến các phần này. Về cơ bản thì nó tương tự như tính năng lazy loading, giúp cải thiện tốc độ website khi ngăn việc load các thành phần không cần thiết.
4. Tối ưu hóa cho Media WP Rocket
Phần này kiểm soát cách mà phương tiện (hình ảnh, video) được load trên trang web. Nói chung, hãy bật tính năng Lazy Loading cho cả hình ảnh và video ở trong phần này.
Lazy loading là một tính năng cho phép plugin trì hoãn việc load các ảnh, iframe và video cho đến khi người dùng di chuyển đến những phần chứa các phương tiện này. Việc này giúp trì hoãn ảnh offscreen - một trong những khuyến nghị chính thức của Google, đồng thời cải thiện đáng kể hiệu suất của website.
Tip: Các video thường mất khá lâu để load, nên bạn có thể tắt thiết lập Replace YouTube iframe with image preview để giảm bớt khoảng 10% thời gian load.
Và thêm một số tối ưu hình ảnh khác.
5. Cấu hình cho Preload Cache
Tính năng này cho biết WP Rocket cần duyệt website của bạn theo các đường link, bắt đầu từ homepage và lưu mọi thứ vào cache. Sau khi đi qua hết các liên kết, plugin này sẽ bắt đầu kiểm tra lại sitemap XML để đảm bảo không bỏ lỡ bất kỳ trang nào.
Việc enable tính năng này sẽ cho phép WP Rocket tự động preload các nội dung ngay sau khi ta cập nhật hay xuất bản các bài đăng mới.
- Preload Links: Cho phép WP Rocket theo dõi hành vi của người dùng trên trang. Nếu người dùng di chuột đến một link nào đó (lâu hơn 100ms), HTML của trang sẽ được tự động tìm nạp để nhanh chóng load khi người dùng click vào link.
- Prefetch DNS Requests: Cho phép WP Rocket load các script và request bên ngoài trên trang nhanh hơn.
- Preload Fonts: Thêm danh sách các font trong cài đặt WP Rocket để trình duyệt tự download các font quan trọng và file tĩnh ngay từ đầu mà không cần phải đợi.
Các thiết lập ở trên cho phép website hiển thị nội dung, văn bản đến người dùng nhanh hơn rất nhiều.
6. Advanced Rules - Quy tắc nâng cao
Phần này chủ yếu dành cho những website e-commerce hoặc các trang web nâng cao, do đó nếu chỉ đang vận hành một website blog thông thường thì bạn không cần chỉnh sửa bất kì thiết lập nào trong này.
- Never cache URL(s): Cho phép bỏ tính năng giỏ hàng của trang nếu WP Rocket plugin không hỗ trợ.
- Never Cache Cookies: Yêu cầu WP Rocket không cache trang nếu một số ID cookie nhất định có trong trình duyệt của khách truy cập.
- Never Cache User Agent(s): Ngăn không cho Googlebot và các bot khác cache trang.
- Always Purge URL(s): Cho phép thêm danh sách các bài viết bạn muốn xóa khỏi cache sau khi cập nhật.
- Cache Query Strings: Lưu bộ lọc giá vào bộ nhớ cache trên các trang eCommerce.
7. Cấu hình tối ưu hóa Database
Việc dọn dẹp cơ sở dữ liệu database có thể giúp tăng tốc website của bạn đáng kể. Sau đây là một số option bạn nên cân nhắc trong phần này:
- Posts Cleanup: Xóa các bản nháp và bài viết có trong thùng rác.
- Comments Cleanup: Xóa comment spam và có trong thùng rác.
- Transient Cleanup: Transient (dữ liệu tạm thời) là những dữ liệu mà plugin cần để chạy một cách hiệu quả. Bạn có thể xóa các dữ liệu này vì plugin sẽ tự động tái tạo khi cần.
- Database Cleanup: Tối ưu các bảng dữ liệu.
- Automatic Cleanup: Thiết lập tần suất dọn dẹp các lựa chọn ở trên.
8. WP Rocket CDN Settings
CDN (Content Delivery Networks - Mạng phân phối nội dung) là một hệ thống cho phép load trang nhanh chóng đến mọi người dùng. Plugin WP Rocket cho phép kết nối tài khoản CDN hiện có, hoặc sử dụng dịch vụ riêng của plugin này là RocketCDN.
9. Heartbeat - Cấu hình cho WordPress
Nếu tính năng Heartbeat của WordPress hoạt động quá mức, khu vực wp-admin có thể bị chậm và cạn kiệt tài nguyên server nhanh chóng. Do đó, tốt nhất bạn nên enable tính năng Control Heartbeat để giảm dần Hearbeat của WordPress rồi kiểm tra hiệu suất của trang web mà không ảnh hưởng đến bất kỳ chức năng nào.
10. Add-Ons - cấu hình mở rộng chức năng
WP Rocket hỗ trợ thêm rất nhiều add-on khác nhau để mở rộng chức năng của website:
- Google Analytics - Cho phép trang host các script phân tích của Google trên máy cục bộ, giúp tăng tốc độ website và hạn chế lỗi "leverage browse caching" trong Google Page Speed Insights.
- Facebook Pixel - Tương tự như trên, cho phép lưu trữ Facebook pixel trên server cục bộ.
- Varnish - Add-on nên sử dụng nếu bạn sử dụng Varnish cache (Cloudways, Flywheel, WPEngine).
- CloudFlare - Cho phép kết nối CloudFlare CDN với WP Rocket.
- Sucuri - Khi xóa cache WP Rocket, cache của Sucuri cũng sẽ đồng thời được dọn dẹp.
11. Tối ưu hình ảnh
Imagify là một plugin có khả năng tối ưu hóa hình ảnh rất tốt, ngoài ra nó cũng hoạt động cực kỳ ổn định với WP Rocket.
12. Tools - Tối ưu các công cụ
Một số công cụ được cung cấp sẵn bởi WP Rocket để quản lý plugin dễ hơn:
- Export Settings - Cho phép export thiết lập WP Rocket để nhanh chóng deploy trên các trang khác.
- Import Settings - Cho phép người import thiết lập file WP Rocket có sẵn.
- Rollback - Cho phép quay về thiết lập plugin cũ nếu gặp bất kỳ trục trặc nào.
Nếu bạn muốn tối ưu nâng cao hơn cho website quy mô lớn hay website của doanh nghiệp bạn có thể trải nghiệm nhiều hơn các tính năng tối ưu nâng cao khác ở bản WP Rocket Pro.
Vietnix đang ưu đãi Tặng Theme, Plugin WP Rocket Pro và nhiều Plugin bản quyền khác miễn phí với khách hàng sử dụng dịch vụ. Chỉ cần đăng ký dịch vụ Hosting Giá Rẻ là bạn cũng đã có thể sở hữu Plugin WP Rocket, Elementor Pro, Rank Math SEO Pro,... hoàn toàn miễn phí.
Lời kết
Trên đây là 12 tiêu chí cấu hình tối ưu WP Rocket quan trọng nhất để tăng tốc website WordPress. WP Rocket free như đã nói ở trên, là một plugin quan trọng hỗ trợ tăng tốc website của bạn, giúp website thân thiện hơn với công cụ tìm kiếm và với cả người dùng.
Nguồn: Vietnix.vn
Nhận xét
Đăng nhận xét