[Cập nhật bản 3.1.4] Tăng tốc Website WordPress với Plugin WP Rocket

Tăng tốc WordPress từ lâu đã là nhu cầu mà tất cả chúng ta đều mong muốn. Hiện nay, tốc độ tải trang (site load speed) là một trong những yếu tố quan trọng để Google đánh giá và xếp hạng một website hay blog. Bên cạnh đó tốc độ tải trang phần nào đó cũng làm ảnh hưởng đến sự trải nghệm của người dùng với chính website của bạn. Qua nghiên cứu thì 80% người dùng sẽ không đủ kiên nhẫn để đợi quá 5s cho việc tải trang web, khi đó đối thủ của bạn sẽ là người hưởng lợi.

Vậy giải pháp của chúng ta sẽ như thế nào để cải thiện tốc độ load trang?

Giải pháp phổ thông hiện nay, chúng ta đã quá quen thuộc là sử dụng bộ nhớ đệm – Cache ví dụ như:

  • WP Super Cache – Plugin tạo cache đơn giản nhưng rất tốt, thích hợp cho những ai đang sử dụng hosting thông thường.
  • W3 Total Cache – Plugin miễn phí tạo Cache chuyên nghiệp nhất mọi thời đại, nó thích hợp cho website WordPress đang chạy trên môi trường máy chủ riêng (VPS/Dedicated Server)
  • LiteSpeed Cache – Plugin tạo Cache đơn giản nhưng rất mạnh mẽ, nhờ vào hệ thống LiteSpeed Cache có hỗ trợ trên các dịch vụ hosting. Hiện tại, khi bạn sử dụng dịch vụ Hosting của AZDIGI (Do Thạch Phạm cung cấp) có hỗ trợ LiteSpeed Cache miễn phí nên các bạn có thể sử dụng plugin này.

Vậy đã là quá đủ, tại sao chúng ta lại cần thêm một plugin tăng tốc WordPress như WP Rocket?

So sánh Plugin wp rocket với các plugin tạo cache khác Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199
So sánh Plugin WP Rocket với các Plugin tạo Cache trên thị trường

Bài viết hôm nay, AllinoneClick sẽ hướng dẫn các bạn cách cài đặt, cấu hình plugin WP Rocket phiên bản v3.1.4. (Tại thời điểm AllinoneClick viết bài này).

Giờ chúng ta cùng xem qua xem Wp Rocket có gì nhé! WP Rocket là một trong những plugin tạo cache cho WordPress được đánh giá là tốt nhất hiện nay. Chỉ đáng tiếc Plugin này không cung cấp miễn phí, để sở hữu Wp Rocket nhỏ nhất hỗ trợ 1 website bạn phải bỏ ra $39 (tương đương gần 900.000 VNĐ) với 1 năm hỗ trợ và Update. Đây chính là lý do plugin này chưa thực sự phổ biến như WP Super Cache hay W3 Total Cache.Tính đến tời điểm hiện tại mới chỉ có 525.104 Website sử dụng (Con số website chính thống nhé, chưa kể website sử dụng lậu :))

Qua quá trình sử dụng AllinoneClick nhận thấy đây là một Plugin đáng đồng tiền bát gạo. Nó không những sở hữu những tính năng vượt trội so với các đối thủ kể trên, mà việc cài đặt và cấu hình cũng vô cùng đơn giản chỉ một vài Click chuột là xong. Bạn có thể đặt mua Plugin này tại đây, hoặc có có hội nhận nó miễn phí bản Plugin WP Rocket v3.1.4 khi:

Hiện chương trình tặng Plugin WP Rocket đã kết thúc. Các bạn chờ dịp tiếp theo nhé!

Đầu tiên chúng ta cùng đi tìm hiểu về các tính năng nổi bật của Plugin WP Rocket nhé!

Ngoài tính năng quan trọng nhất là tạo Cache (Page Caching và Browser Caching) nhằm mục ích tăng tốc độ load cho website, giảm tải việc sử dụng tài nguyên của hosting thì Plugin tuyệt vời này còn được tính hợp sẵn rất nhiều tính năng cực kỳ hữu ích trong việc tối ưu mã nguồn WordPress:

  • Cache Preloading: tự động tạo lại cache, giúp đỡ bot tìm kiếm thu thập dữ liệu tốt hơn.
  • Sitemap Preloading: tự động load lại cache dựa theo XML sitemap. Hỗ trợ sitemap của Yoast SEO cũng như sitemap tự tạo.
  • GZIP Compression: Chức năng nén dữ liệu GZIP.
  • Database Optimization: dọn dẹp dữ liệu rác và tối ưu database của WordPress.
  • Google Fonts Optimization: tối ưu việc tải Google Fonts hệu quả.
  • Remove Query Strings from Static Resources: loại bỏ query strings ra khỏi các dữ liệu tĩnh (JS và CSS).
  • Lazyload: tính năng lazyload dành cho hình ảnh, video và iframe. Bạncó thể lựa chọn load ảnh khi khách hàng truy cập website cuộn đến vị trí hình ảnh.
  • Minification/Concatenation: gộp, nén các tệp định dạng .js, .css; cũng như mã nguồn HTML, giúp giảm dung lượng tải trang (page size) và số lượng truy vấn HTTP.
  • Disable Emoji: vô hiệu hóa Emoji nếu bạn không dùng đến (kích hoạt cácicon, biểu tượng mặt cười mặc định của WordPress.
  • Disable WordPress embeds: vô hiệu hóa chức năng Embed Script khi bạn không có mục đích sử dụng.
  • Optimize CSS delivery: tối ưu hóa công tác hiển thị các file CSS, khắc phục lỗi CSS chặn hiển thị nội dung trên Google PageSpeed Insights. Đều đặc biệt của tính năng Optimize CSS delivery là tự động tạo critical CSS. Bạn không còn tốn tời gian thao tác thủ công như các plugin khác.
  • Defer JS Loading: tải không đồng bộ file JS, khắc phục lỗi file JS chặn hiển thị nội dung trên Google PageSpeed Insights.
  • CloudFlare Compatibility: hỗ trợ kết nối với tài khoản CloudFlare (một dịch vụ trung gian DNS phổ biến nhất hiện nay), giúp bạn xóa file cache trên CloudFlare một cách dễ dàng mà không phải đăng nhập vào trang quản trị của CloudFlare.
  • CDN: hỗ trợ dịch vụ CDN.
  • DNS Prefetching: tìm nạp trước DNS, giúp giảm thời gian phản hồi DNS của các domain bên ngoài (External domain).
  • Mobile Detection: tự động phát hiện thiết bị truy cập là di động, tối ưu Cache cho thiết bị di động giúp cải thiện tốc độ load trang hữu hệu.
  • Multisite Compatibility: tương thích với WordPress multisite.
  • eCommerce Friendly: hỗ trợ tốt các plugin thương mại điện tử như: WooCommerce, Easy Digital Downloads…
  • Multilingual Compatibility: tương thích với các plugin tạo website đa ngôn ngữ như: WPML, Polylang…
  • Import / Export: xuất/nhập dữ liệu nhanh chóng với thiết lập dễ dàng.

Để không mất thời gian nữa, ngay sau đây là hướng dẫn cài đặt và sử dụng Plugin.

Hướng dẫn cài đặt và sử dụng plugin WP Rocket

1. Hướng dẫn cài đặt plugin WP Rocket

Plugin Wp Rocket không có sẵn trên kho ứng dụng của WordPress.org nên các bạn phải cài đặt bằng phương pháp upload sau đó cài đặt.

Cài đặt Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

Chú ý: Sau khi cài đặt xong Plugin, trước 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 trước đó, để tránh xung đột không đáng có, và cũng để giảm nhẹ dung lượng website của bạn.

2. Hướng dẫn cấu hình plugin WP Rocket

Sau khi active Plugin WP Rocket, bạn truy cập vào Settings chọn WP Rocket.

Tại giao diện cài đặt WP Rocket, bạn sẽ tiến hành thiết lập một số tùy chọn cho WP Rocket phù hợp với nhu cầu sử dụng.WP Rocket đã tự động kích hoạt những tính năng cơ bản, cần thiết nhất ngay sau khi bạn active plugin này rồi.

Tab Dashboard:

1. Tab Dashboard Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

Các bạn chỉ cần quan tâm 3 chức năng chính:

  • Remove all cached files: Chủ động xóa toàn bộ file cache
  • Start cache preloading: tạo mới file cache
  • Purge OPCache content: xóa OpCode cache

Tab Cache:

2. Tab Cache Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

Bộ nhớ đệm được tạo ra với mục đích giúp thời gian tải trang cực nhanh, một trong những yếu tố cần thiết để cải thiện Công cụ Tìm kiếm Tối ưu hóa và tăng tỷ lệ chuyển đổi. Khi bạn kích hoạt WP Rocket, bộ nhớ đệm trang được kích hoạt mặc định.

Với việc thu thập thông tin dựa vào mô phỏng lượt truy cập để tải trước bộ nhớ cache, việc lập chỉ mục và load trang của bạn bằng công cụ tìm kiếm ngay lập tức được cải thiện rõ rệt.

  • Enable caching for mobile devices: kích hoạt tính năng cache trên thiết bị di động.
  • Separate cache files for mobile devices: tách riêng các files cache dành cho từng thiết bị di động và máy tính. Trong trường hợp giao diện website của bạn có khả năng responsive thì không nên đánh dấu vào mục này.
  • Enable caching for logged-in WordPress users: cho phép tính năng tạo cache cho người dùng khi đăng nhập.
  • Specify time after which the global cache is cleared (0 = unlimited ): thiết lập thời gian tự động xóa toàn bộ cache website, nếu bạn không muốn sử dụng chức năng này thì để giá trị là “0”.

Tab File Optimization:

3. Tab File Optimization Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

  • Minify HTML: nén, tối ưu HTML.
  • Combine Google Fonts files: gộp các file của Google Fonts.
  • Remove query strings from static resources: loại bỏ query strings khỏi các tệp JS, CSS.
  • Minify CSS files: nén tập file CSS.
  • Combine CSS files (Enable Minify CSS files to select): gộp chung các file CSS lại thành một, bạn phải kích hoạt tính năng Minify CSS files trước mới sử dụng được tính năng này. Lưu ý tính năng này không nên bật nếu website của bạn có hỗ trợ HTTP/2.
  • Optimize CSS delivery: tối ưu hóa hiển thị của file CSS, giúp bạn khắc phục lỗi CSS bị chặn hiển thị nội dung trên Google PageSpeed Insights.
  • Excluded CSS Files: loại bỏ các file CSS mà bạn không muốn nén và gộp, giúp khắc phục được tình trạng bị vỡ giao diện. (Chức năng này chỉ dành cho các bạn nào hiểu về code và CSS)
  • Minify JavaScript files: nén tập JS.
  • Combine JavaScript files (Enable Minify JavaScript files to select): gộp các file JS lại thành một, muốn sử dụng chức năng này bạn cần kích hoạt chức năng Minify JavaScript files trước. Chú ý tính năng này không nên dùng nếu website của bạn có hỗ trợ HTTP/2.
  • Load JavaScript deffered: tối ưu hóa việc load file JavaScript, giúp bạn khắc phục lỗi JavaScript bị chặn hiển thị nội dung trên Google PageSpeed Insights.
  • Safe Mode (recommended): xuất hiện nếu bạn kích hoạt tính năng Load JavaScript deffered. Nên tick vào mục này để các file jQuery được load trước, hạn chế tình trạng vỡ giao diện và lỗi tính năng.
  • Excluded JavaScript Files: loại bỏ các file JS mà bạn không muốn nén và gộp, điều này sẽ giải quyết được tình trạng bị vỡ giao diện và lỗi tính năng.

Chú ý: Bạn có thể thao tác thoải mái trên Tab này mà không ngại gì cả. Nếu website bị lỗi vỡ giao diện do chỉnh, nén CSS bạn chỉ cần tắt tính năng bạn vừa kích hoạt sau đó xóa cache đi là web trở về như cũ.

Tab Media:

4. Tab Media Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

Giúp hình ảnh được tải khi khách hàng truy cập cuộn trang xuống vị trí có media, giúp cho việc tải trang nhanh hơn đáng kể. Hiện nay, YouTube, Facebook, Yahoo và các trang web lớn khác cũng đang sử dụng kỹ thuật này.

  • Enable for images: cho phép tính năng lazyload cho hình ảnh hoạt động.
  • Enable for iframes and vides: cho phép tính năng lazyload cho iframe và video hoạt động.
  • Disable Emoji: vô hiệu hóa chức năng Emoji (biểu tượng cảm xúc mặc định trong WordPress).
  • Disable WordPress embeds: vô hiệu hóa Embed Script.

Tab Preload:

5. Tab Preload Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

  • Activate sitemap-based cache preloading: kích hoạt tính năng preload (tạo lại cache) theo XML Sitemaps. Sau khi chọn tính năng này bạn chọn tiếp tính năng tạo Sitemaps theo Yoast SEO XML sitemap nếu bạn có sử dụng Yoast SEO. Nếu không sử dụng Yoast SEO bạn cần dán đường dẫn sitemap của mình vào ô bên dưới.
  • Manual: tạo lại cache theo cách thủ công.
  • Automatic: tạo lại cache hoàn toàn tự động. Lưu ý nếu server của bạn bị quá tải bạn có thể vô hiệu hóa tính năng này.
  • URLs to prefetch: tìm và nạp trước DNS (DNS prefetch) có thể làm cho các tập tin, đường dẫn nằm ngoài host của bạn tải nhanh hơn, đặc biệt có tác dụng tốt là trên mạng di động.

Tab Advanced Rules:

6. Tab Advanced Rules Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

  • Never Cache URL(s): nhập những URL mà bạn không muốn tạo cache.
  • Never Cache Cookies: nhập ID của những cookies mà bạn không muốn tạo cache.
  • Never Cache User Agent(s): nhập string của những user agent mà bạn không muốn tạo cache.
  • Always Purge URL(s): nhập những URL mà bạn muốn xóa cache khi đăng tải hoặc cập nhật bài viết.
  • Cache Query String(s): nhập những query string mà bạn muốn tạo cache.

Tab Database:

7. Tab Database Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

Revisions: xóa các bản chỉnh sửa.
Auto Drafts: xóa các bản nháp được hệ thống lưu tự động.
Trashed Posts: xóa các bài viết trong mục Trash (thùng rác).
Spam Comments: xóa các bình luận được đánh dấu là Spam.
Trashed Comments: xóa các bình luận trong mục Trash (thùng rác).
Expired transients: xóa các transient hết hạn.
All transients: xóa tất cả transient.
Optimize Tables: tối ưu toàn bộ bảng trong database.
Schedule Automatic Cleanup: thiết lập dọn dẹp database theo chu kỳ hàng ngày, hàng tuần hoặc hàng tháng. Mặc định sẽ để hàng ngày nhưng bạn có thể thay đổi được theo nhu cầu của bản thân. VIệc này giúp bạn dọn dẹp tốt database mà không cần dùng đến Plugin ngoài.

Tab CDN:

8. Tab CDN Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

  • Enable Content Delivery Network: nếu site của bạn có sử dụng CDN (MaxCDN, KeyCDN…) thì cần kích hoạt chức năng này. Nếu bạn sử dụng CloudFlare thì bỏ qua Tab này nhé.
  • CDN CNAME(s): nhập link CDN của bạn, chẳng hạn như cdn.allinoneclick.info.
  • Exclude files from CDN: nhập URL của những file bạn không muốn chạy trên CDN.

Tab Add-ons:

9. Tab Add-ons Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

  • Varnish: nếu host của bạn có hỗ trợ Varnish cache bạn chuyển qua chế độ “ON” nhé.
  • CloudFlare: nếu bạn sử dụng CloudFlare thì chuyển nó sang trang thái “ON” nhé.

Có thể bạn quan tâm: hướng dẫn cấu hình CloudFlare

Tab Tools:

10. Tab Tools Tăng tốc WordPress với Plugin WP Rocket – Nhận miễn phí bản Pro $199

  • Export settings: download file cấu hình plugin WP Rocket về máy tính để lưu hoặc cấu hình nhanh cho các website khác bạn quản trị.
  • Import settings: upload file cấu hình plugin WP Rocket từ máy tính lên khi bạn cấu hình lại website hoặc 1 website mới.
  • Rollback: Nếu bạn có lỡ update WP Rocket lên phiên bản mới mà bị lỗi trong quá trình sử đụng, đừng lo lắng quá vì chức năng này sẽ giúp bạn đưa bản Plugin WP Rocket đang sử dụng về bản cũ hơn.

Hãy nhanh chóng kích hoạt WP Rocket trên blog/website của bạn để trải nghệm sự thay đổi về tốc độ tuyệt vời mà nó mang lại nhé.

Bạn đã từng sử dụng plugin WP Rocket chưa?

Bạn đánh giá thế nào về khả năng tối ưu tốc độ load của plugin này?

Hãy cho AllinoneClick biết quan điểm và ý kiến của bạn trong khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy subscribe blog của AllinoneClick để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé.

 

Leave a Reply

Your email address will not be published. Required fields are marked *