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

Tăng tốc WordPress từ lâu đã là vấn đề mà tất cả chúng ta đều quan tâm, đơn giản tốc độ tải trang (tốc độ load) luôn là một trong những yếu tố hàng đầu để Google đánh giá và xếp hạng một website/blog.

Đó là vấn đề của Google, còn ở góc độ người dùng thì 75% sẽ không kiên nhẫn để đợi quá 3 giây cho việc tải nội dung. Để tăng tốc độ load cho website WordPress chúng ta đã quá quen thuộc với những plugin như WP Super Cache (dùng cho share hosted)  hay W3 Total Cache (VPS).

Vậy tại sao lại cần thêm một plugin WP Rocket? Bài viết hôm nay Ngọc sẽ hướng dẫn các bạn cách cài đặt, cấu hình plugin WP Super Cache.

Ngoài ra nếu bạn muốn nhận được plugin WP Roket bản quyền để tăng tốc trang blog, website của bạn thì có thể sử dụng dịch vụ hosting của Azdigi để được tặng kèm nhé.

Sau khi đăng ký sử dụng dịch vụ và trở thành của khách hàng của Azdigi thì bạn sẽ được tải plugin ngay trong tài khoản khách hàng để cài đặt nhé. Xem hướng dẫn ở bài viết này của Azdigi.

Hướng dẫn cài đặt: Tăng tốc WordPress với Plugin WP Rocket

Như vậy là WP Rocket đã chính thức nâng cấp lên bản 2.8 với tên là beta 1 được bổ sung 2 chức năng vô cùng hữu ích mà bản 2.7.4 trước đó không có.

Nếu ai đang dùng WP Rocket để tăng tốc blog thì vào ngày 20/5 đã được cập nhật lên bản 2.8. Khi vào Seting -> Wp Rocket chúng ta sẽ thấy có thêm tab “Database” và “Preload”.

Thiết lập tab Database

Chức năng chính của mục này chính là để tối ưu Database, do đó nếu bạn đang sử dụng WP Rocket thì chắc chắn bạn sẽ không phải dùng thêm một plugin dọn dẹp, tối ưu database nữa (ví dụ như WP-Optimize chẳng hạn).

Tại tab Database bạn có thể thấy các chức năng:

• Revisions: xóa các phiên bản cũ của bài viết, trang.
• 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 đã bị cho vào thùng rác trước đó.
• Spam comments: xóa bình luận spam.
• Trashed comments: xóa các bình luận đã bị cho vào thùng rác trước đó.
• Expired transients: xóa các transients đã hết hạn.
• All transients: xóa toàn bộ transients có trong database. Hãy cẩn thận khi lựa chọn mục này.
• Optimize tables: tối ưu hóa các bảng trong database.
• Schedule automatic cleanup: thiết lập tự động dọn dẹp database theo chu kỳ (hàng ngày, hàng tuần hoặc hàng tháng).

Lưu ý: Bạn nên backup database trước khi tiến hành các thao tác dọn dẹp để đề phòng lỗi xảy ra.

Nhấp vào nút:

• Save and optimize: nếu bạn muốn lưu các thiết lập ở bên trên và tiến hành dọn dẹp, tối ưu database ngay lập tức.
• Optimize: nếu bạn muốn tiến hành dọn dẹp, tối ưu database ngay lập tức mà không lưu các thiết lập bên trên.
• Save Changes: nếu bạn đơn thuần chỉ muốn lưu các thiết lập và sẽ tiến hành doạn dẹp, tối ưu sau

Thiết lập tab Preload

Trong đó mục này có những thiết lập như sau:

• Manual: tích chọn vào mục này nếu bạn muốn hiển thị tùy chọn Preload cache trên Admin bar.
• Automatic: nếu bạn muốn kích hoạt tính năng Preload cache tự động.
• Activate the sitemap preloading: kích hoạt tính năng cho phép Preload sitemap. Sau khi tick chọn tính năng này, hãy lựa chọn tiếp sitemap mà bạn đang dùng (chỉ áp dụng khi bạn sử dụng với Yoast SEO Sitemap và Jetpack Sitemap).
• URL crawl interval: thiết lập thời gian thu thập dữ liệu của 1 URL. Các bạn có thể để mặc định là 500ms.
• XML sitemaps to use for preloading: điền link XML sitemap vào mục này nếu sitemap mà bạn đang sử dụng không phải của Yoast SEO hay Jetpack.

Click vào nút “Save Changes” để lưu lại các thiết lập.

Như vậy với bản cập nhật này chúng ta lại có được thêm 2 chức năng hữu ích, từ đó giảm được việc sử dngj plugin tối ưu Database, làm cho website/blog “nhẹ tựa lông hồng”  😉

Đánh giá plugin WP Rocket

WP Rocket là một plugin tạo Cache trả phí với gói thấp nhất là $39 dùng cho 1 website. Đây là một plugin tăng tốc WordPress tốt nhất với khoảng 79.150 người sử dụng (tính đến thời điểm Ngọc viết bài này).

Theo đánh giá của cộng đồng blogger trên thế giới thì đây là một plugin tăng tốc WordPress tốt nhất với những lý do sau. Tích hợp lazyload, tối ưu HTML, CSS, JS cũng như kết hợp với dịch vụ của CloudFlare, hỗ trợ CDN (từ MaxCDN)…

Truy cập website của WP Rocket để xem thêm các nhận xét và tính năng tại đây.

Hãy xem bảng so sánh giữa WP Rocket với các plugin tạo Cache khác:

Đây chính là lý do Ngọc chuyển sang dung WP Rocket, và phải nói rằng tốc độ load được cải thiện một cách ngạc nhiên. Từ khi dùng plugin này Ngọc cũng gỡ bỏ hoàn toàn các plugin như Better WordPress Minify, BJ Lazy Load,… vừa nhẹ nhàng và gần như tối ưu được tất cả.

Tăng tốc WordPress với WP Rocket: Cài đặt và cấu hình

Video dưới đây là tất cả các bước từ cài đặt, thiết lập các thông số cũng như tính năng cho plugin WP Rocket. Trong video Ngọc cũng sẽ test cho các bạn thấy tốc độ một Website được cải thiện như thế nào khi chưa sử dụng WP Rocket và sau khi đã cài plugin này. Bạn có tin sau khi sử dụng tốc độ load chỉ mất 363ms (tức khoảng 1/3 giây).

Dưới đây là các bước cài đặt và cấu hình nếu bạn không muốn xem video:

Để cài đặt cách duy nhất là bạn phải upload file từ máy tính vì đây là plugin trả phí nên trong kho của WordPress.org sẽ không có.

Sau khi kích hoạt plugin WP Rocket bạn cần xóa hoặc vô hiệu hóa những plugin tạo cache, minify dữ liệu, lazy load… mà bạn đã cài đặt trước đó để tránh bị xung đột.

Để kiểm tra xem plugin đã hoạt động chưa, bạn chỉ cần đăng nhập website bằng một trình duyệt khác. Sau đó nhấn Ctrl + U, kéo xuống dưới cùng, nếu thấy đoạn mã như hình dưới tức là WP Rocket đã hoạt động trên website của bạn.

Tại trang Dashboard, 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.

Một số thiết lập cơ bản như sau

Tại tab Basic options:

• Lazyload: Tích vào cả 2 tùy chọn Images và Iframes & Videos để kích hoạt tính năng “lazyload” (chỉ tải khi người dùng cuộn trang tới) hình ảnh, video.

• Files optimisation: Tích vào các mục này để kích hoạt tính năng tối ưu HTML, Google Fonts, CSS và JS. Tính năng này giúp blog/website của bạn load nhanh hơn nhưng cũng có thể khiến nó bị vỡ giao diện. Xem video ở ngay link bên dưới tùy chọn này hoặc tham khảo tại đây nếu bạn gặp phải vấn đề khi kích hoạt tính năng tối ưu mã nguồn của WP Rocket.

• Mobile cache: Kích hoạt tính năng tạo cache cho giao diện mobile. Không cần kích hoạt nó nếu bạn sử dụng giao diện responsive.

• Feeds cache: Tạo cache cho nguồn cấp dữ liệu (RSS feeds). Nếu blog/ website của bạn được cập nhật nội dung thường xuyên, bạn không nên kích hoạt tùy chọn này.

• Logged in user cache: Kích hoạt cache cho người dùng đã đăng nhập. Các bạn không nên kích hoạt tùy chọn này.

• SSL cache: kích hoạt tính năng này nếu blog/ website của bạn sử dụng giao thức httpS (SSL).

• Emojis: Kích hoạt nếu bạn muốn thay thế Emojis bằng các biểu tượng mặt cười mặc định của WordPress.

• Clear Cache Lifespan: thiết lập thời gian lưu trữ của 1 file cache.

Nhớ chọn Save Change để lưu các thiết lập.

Chuyển qua tab Advanced options: Trong tab này là các thiết lập nâng cao, chỉ thiết lập khi bạn hiểu rõ nhất.

• Prefetch DNS requests: là một cách để các trình duyệt để dự đoán DNS resolution của các tên miền bên ngoài blog/website của bạn. Cơ chế này làm giảm độ trễ của một số tập tin được tải từ bên ngoài host. Ví dụ như Google Fonts

• Empty the cache of the following pages when updating a post: Xóa cache của các trang có trong danh sách khi bạn đăng tải hoặc cập nhật vài viết, đăng tải bình luận.

• Never cache the following pages: không bao giờ tạo cache cho các trang có trong danh sách.

• Don’t cache pages that use the following cookies: không tạo cache cho các trang có cookie như trong danh sách.

• Cache pages that use the following query strings (GET parameters): cache các trang có kết thúc bằng chuỗi truy vấn (query strings) được liệt kê trong danh sách.

• Never send cache pages for these user agents: không bao giờ gửi các trang được cache cho những nhóm người dùng có trong danh sách.

• Reducing the number of minified files in one file on: gộp tất cả các file JS thành một file duy nhất. Tương tự đối với CSS. Tùy chọn này có thể giúp cải thiện tốc độ load nhưng cũng có thể gây lỗi giao diện. Các bạn nên cân nhắc trước khi dùng.

• CSS files to exclude from minification: loại trừ các tập tin CSS có trong danh sách ra khỏi file gộp nén.

•JS files to exclude from minification: loại trừ các tập tin JS có trong danh sách ra khỏi file gộp nén.

• JS files to be included in the footer during the minification process: danh sách các file JS bạn muốn cho load ở footer.

• JS files with deferred loading: danh sách các file JS bạn muốn tải không đồng bộ.

Tiếp theo nếu bạn sử dụng CDN, hãy chuyển qua tab CDN, còn không, hãy bỏ qua tab này:

• CloudFlare: nếu bạn dùng CloudFlare, hãy tick vào mục này sau đó click nút “Save Changes” để kích hoạt tab CloudFlare. (Xem hướng dẫn ở bên dưới).

• CDN: Chọn mục này nếu bạn đang sử dụng CDN cho blog/ website, chẳng hạn như MaxCDN…

• CDN & SSL: Chọn mục này nếu bạn muốn vô hiệu hóa CDN trên các trang sử dụng giao thức httpS (SSL).

• Replace site’s hostname with: nhập URL CDN (chẳng hạn http://cdn.ngocdenroi.com) vào mục này và lựa chọn đối tượng mà bạn muốn áp dụng.

• Rejected files: không sử dụng CDN cho các file có trong danh sách. Nhập các URL mà bạn muốn.

Click vào nút Save Change

Thiết lập tab CloudFlare (nếu bạn đang sử dụng)

• CloudFlare Account Email: nhập email đăng nhập tài khoản CloudFlare của bạn.

• API Key: nhập Global API Key mà bạn được cấp. Xem hướng dẫn lấy API Key của CloudFlare tại đây.

• Domain: nhập địa chỉ blog/ website của bạn.

• Development Mode: mặc định để là “Off”. Bạn không cần thay đổi

• Auto enable the optimal CloudFlare settings (props WP Rocket): Chọn “Yes”để WP Rocket tối ưu các thiết lập dành dịch vụ CloudFlare

• httpS Protocol Rewrite: chọn “No” nếu bạn không sử dụng httpS (SSL). Và ngược lại, hãy chọn “Yes“.

• Clear cache: xóa toàn bộ cache của CloudFlare.

Sau đó nếu host của bạn có cài đặt Varnish cache, hãy chuyển qua tab Varnish và tick vào mục Varnish Caching Purge để kích hoạt tính năng xóa cache tự động. Thường chúng ta sẽ bỏ qua tab này.

Cuối cùng là tab Tools:

• Beta Tester: Chọn vào mục này nếu bạn muốndùng thử, tham gia thử nghiệm các phiên bản beta của WP Rocket.

• Clear cache: xóa toàn bộ cache hiện tại.

• Preload cache: load lại toàn bộ cache.

• Settings Exporter: trích xuất dữ liệu thiết lập plugin về máy tính.

• Settings Importer: nhập dữ liệu thiết lập plugin từ file có sẵn trên máy tính.

• Update Rollback: cài đặt phiên bản cũ hơn, trong trường hợp bạn gặp lỗi với phiên bản mới.

Như vậy là bạn đã tiến hành cài đặt và cấu hình thành công plugin WP Rocket, một plugin tăng tốc WordPress tốt nhất hiện nay. Thông thường sau khi cài đặt các bạn chỉ cần thiết lập cho tab Basic Options là được. Các tab còn lại chỉ cần thiết lập nếu website của bạn đang sử dụng các dịch vụ liên quan mà WP Rocket hỗ trợ (ví dụ như CloudFlare).

Ngọc chắc chắn với plugin này bạn sẽ được trải nghiệm một cách mới để tăng tốc WordPress, hiệu xuất của website/blog cũng sẽ cải thiện rõ rệt.

Nếu bạn quan tâm và thấy thích plugin này thì đừng quên sở hữu nó bằng cách đơn giản là sử dụng dịch vụ cài WordPress miễn phí của Ngọc.

Đừng quên để lại câu hỏi cũng như kinh nghiệm của bạn nếu bạn đã hoặc đang sử dụng WP Rocket, cũng giúp Ngọc chia sẻ bài viết này với những người cần nó bạn nhé.