Cách cấu hình plugin wp rocket

Plugin WP ROCKET không phải là plugin cache thông thường để chạy tạo cache cấp phần mềm, nó là plugin để tùy chỉnh điều chỉnh websever của litespeed chạy sao cho tối ưu nhất website wordpress của bạn. Có thể nói, WP Rocket là một plugin rất đáng đồng tiền bát gạo. Nếu bạn đã đặt mua plugin này thì ngay sau đây là hướng dẫn cài đặt và sử dụng nó

Nếu bạn lựa chọn WP Rocket để làm trang web của mình nhanh hơn, bạn đã có một lựa chọn chính xác rồi đấy. Đây là plugin cache được bình chọn #1 hiện nay trên rất nhiều diễn đàn, group Facebook khác nhau.

Cách sử dụng plugin wp rocket

Sẽ là thiếu sót nếu tôi không cung cấp thêm thông tin này cho các bạn:

  • WP Rocket không hỗ trợ miễn phí tại thư viện WordPress.org, do đó, để sử dụng bạn phải mua bản quyền
  • Nếu bạn chưa sử dụng dịch vụ Hosting WordPress tại Sieutocviet có thể bạn chưa biết WP Rocket đã được tích hợp sẵn trên công cụ quản trị Hosting, giúp bạn dễ dàng cài đặt WP Rocket vào website WordPress rất dễ dàng và hoàn toàn miễn phí nhé! Xem chi tiết tặng tên miền, Hosting, plugin bản quyền tại Sieutocviet:

Tại sao cần phải cấu hình wp rocket?

Nhiều người không có kinh nghiệm đã làm theo họ và may mắn cấu trúc themes đơn giản thì điểm lên cao thật không may mắn cấu trúc themes hơi phực tạp và nhận được lỗi hỏng luôn cái website. (Xem thêm cách xây dựng web chuẩn seo)

Mục đích tối ưu tốc độ đơn giản là nâng cao trải nghiệm người dùng, trải nghiêm người dùng nâng cao đơn giản là kiếm tiền thế thôi, chứ ko phải là ăn điểm google page speed, google page speed không đưa bạn tiền. Khách hàng mới là người đưa bạn tiền.

Khách hàng là trung tâm không phải là điểm công cụ test tốc độ.

WP-rocket là plugin rất an toàn đúng dành cho những người mới bắt đầu tăng tốc wordpress nên mình thấy thì cấu hình rất đơn giản không có gì là khó khăn nâng cao cả.

WP Rocket ~ 0.479s

Mình đã kiểm tra và so sánh WP Rocket, WP Super Cache, WP Fastest Cache, … cùng với cấu hình tối ưu nhất. Một số cái mình cần chỉ ra trong quá trình test đó là: mình tắt Facebook pixel, cache và tải Google analytics code trên máy chủ, tắt Google Fonts. Vì là Pingdom luôn cho ra kết quả khác nhau mỗi lần test, nên với mỗi plugin, mình đều test 3 lần và lấy tốc độ lần load nhanh nhất. Mình muốn chia sẻ với các bạn trải nghiệm thực tế của mình cũng như cách mình lựa chọn và tối ưu hệ thống.

WP Super Cache ~ 0.896s

WP Fastest Cache ~ 0.664s

 

Cách cấu hình WP Rocket

Cấu hình wp rocket – Dashboard

Bản điều khiển đầu tiên của WP Rocket có tên là Dashboard như hình bên dưới.

ocket Tester – Tíc vào nếu bạn muốn “chuột bạch” những tính năng cấu hình WP Rocket beta.

Rocket Analytics – Cho phép WP Rocket thu thập thông tin từ website của bạn (ẩn danh). Nên tắt để giảm công việc/sức nặng cho máy chủ và RAM.

Clear Cache – Xóa cache thủ công, làm sau khi bạn đã cầu hình xong WP Rocket.

Preload Cache – Tạo cache thủ công cho trang chủ và các trang con trong website của bạn. Không cần phải sử dụng khi bạn đặt chế độ Preload Automatic trong phần PRELOAD.

Purge OPcache – Xóa OPcache. Thường được sử dụng để xóa cache PHP hoặc khi WP Rocket của bạn đã update những vẫn bị hiện phiên bản cũ.

Regenerate Critical CSS – Sử dụng khi bạn thay đổi stylesheets trong theme hoặc chèn thêm custom code vào CSS của child theme chẳng hạn.

Cấu hình wp rocket – Cache

Mobile Cache – Bật cache và cấu hình WP Rocket cho thiết bị di dộng.

Separate Cache Files For Mobile Devices – Chỉ bật chế độ này nếu bạn không sử dụng theme responsive hoặc có giao diện riêng cho thiết bị di động.

Enable Caching For Logged-in WordPress Users – Bật nếu bạn muốn cache trang cho người dùng đăng nhập (ví dụ bbPress). Mỗi thành viên sẽ có cache riêng vì vậy chế độ này rất hao tài nguyên hệ thống. Nếu không cần thiết thì luôn tắt.

Specify Time After Which The Global Cache Is Cleared – Để mặc định. Nếu bạn không thường xuyên cập nhập nội dung hoặc trang vệ tinh, hosting cấu hình yếu, bạn có thể tăng thời gian này lên cao hơn.

Cấu hình wp rocket – File Optimization

Đây là một phần mạnh nhất và thử thách nhất tăng tốc website của bạn, nếu bạn thiết lập không chuẩn rất dễ gây lỗi cho website của bạn, hãy thật chú ý nhé.

Tệp CSS> Giảm thiểu tệp CSS – bỏ chọn. Tôi mình bận tâm trừ khi bạn có rất ít trang hoặc máy chủ mạnh css của bạn trên 50kb css ( thì mới bất).

Tệp CSS> Kết hợp tệp CSS – bỏ chọn. (website wordpress thì 99% thì nên tắt đi, nếu bạn làm landing page hoặc chưa có giao thức http/2 trở lên thì mới bật)

Tệp CSS> optimization css delivery  – bỏ chọn! Đây là “chức năng CSS quan trọng” của WP Rocket, nếu website của bạn trên 100kb css thì hãy nghiên cứu để sử dụng ( ghi chú chỉ nên sử dụng tạo css quan trọng bằng phương pháp thủ công không nên sử dụng bằng plugin dễ bị lỗi Flash FOUC)

Tệp JavaScript> Remove Jquery Migrate – Bật (  nếu khi bạn bất trong trường hợp lỗi thì hãy tắt nó đi, cái file này dành cho những themes đã cũ, các themes công nghệ mới thì không sử dụng cái này nữa rồi, nếu bật không xảy ra vấn đề gì thì hãy bật nó cũng tăng tốc độ đáng kể đó)

Tệp JavaScript> Giảm thiểu tệp JS – Bật. ( thông thường có website wordpress đều có trên 50kb javascript trở lên, hãy tắt nó nếu bạn có máy chủ yếu và dưới 50kb javscript)

Tệp JavaScript> Kết hợp tệp JS – bỏ chọn. Cùng một lý do tại sao tôi không kết hợp CSS ( nó còn rắc rối phức tạo hơn cả kết hợp css).

Minify Files – lý tưởng nhất là chúng ta luôn bật chế độ tự động minify và gộp “combining” file dữ liệu nếu muốn đạt điểm 99-100% Pingdom và GTmetrix. Nhưng nhiều lúc, đối với một số theme hoặc plugin cụ thể, việc này có thể làm trang web bạn bị lỗi hiển thị (nhất là với JS và CSS). Vì vậy bạn nên bật từng mục lên một và vào trang web của mình để xem nó có bị lỗi không. Sau đó tiếp tục bật tiếp từng chế độ còn lại lên và kiểm tra. Nếu bị lỗi, thì một là bạn không nên sử dụng chức năng đó. Hoặc hai là bạn phải tự tìm ra và loại bỏ file CSS hoặc JS gây ra lỗi khi chế độ gộp file dữ liệu mình nói ở trên.

Combine Google Fonts File – Gộp các file Google fonts lại với nhau để giảm thiểu requests tới máy chủ Google.

Remove Query Strings From Static Resources – Mục này thuần túy để tăng điểm Pingdom và GTmetrix. Hoặc (hiếm khi) sữa lỗi với những nhà cung cấp CDN không có chức năng cache file theo version.

Minify CSS Files – Tối ưu file CSS, loại bỏ khoảng trắng và comments thừa.

Combine CSS Files – Gộp các file CSS lại với nhau để giảm HTTP requests tới máy chủ.

Excluded CSS Files – Tìm file CSS khiến cho giao diện hiển thị bị lỗi và đặt đường dẫn file đó vào đây.

Optimize CSS Delivery – Tự động hiển thị trang mà không phải chờ tải về CSS file. WP Rocket sẽ tự động tạo ra một chuỗi gọi là Critical CSS above-the-fold của trang web.

Minify JS Files – Tối ưu file JS, loại bỏ khoảng trắng và comments thừa.

Combine JS Files – Gộp các file JS lại với nhau để giảm HTTP requests tới máy chủ.

Excluded JS Files – Tìm file CSS khiến cho giao diện hiển thị bị lỗi và đặt đường dẫn file đó vào đây.

Load JS deferred – Cho phép tải JavaScript theo kiểu deferred mà không phải chờ, giúp tăng tốc độ tải trang.

Safe Mode for jQuery – Chế độ an toàn cho jQuery. Yêu cầu hệ thống tải về jQuery trước khi render trang.

Remove jQuery Migrate (cập nhập mới 2020) – Nếu bạn sử dụng những theme mới và thường xuyên cập nhập, thì nên bật tính năng này lên. Tính năng này giúp ngăn việc load file thừa của jQuery này. Xem thêm hướng dẫn sử dụng node js trên plesk obsidian

Cách tối ưu hóa cấu hình WP Rocket Phần Media – Thư viện hình ảnh

  • Enable for images: Bật tính năng lazyload cho hình ảnh.
  • Enable for iframes and videos: Bật tính năng lazyload cho iframe và video.
  • Disable Emoji: Vô hiệu hóa Emoji (biểu tượng cảm xúc trong WordPress).
  • Disable WordPress embeds: Vô hiệu hóa Embed Script.
  • Enable WebP caching: Kích hoạt cache ảnh WebP (Để tạo hình ảnh WebP, chúng tôi khuyên bạn nên sử dụng Imagify.)

Cấu hình wp rocket – Preload – Tải trước

  • Active Preloading: Kích hoạt tính năng tải trước.
  • Activate sitemap-based cache preloading: Kích hoạt tính năng tải trước theo XML Sitemaps.
  • URLs to prefetch: Tìm nạp trước DNS (DNS prefetch) có thể làm cho các tập tin nằm ngoài host tải nhanh hơn, đặc biệt là trên mạng di động. Nhập URL của các tập tin bạn muốn prefetch vào mục này.

WP rocket cấu hình Advanced Rules – Quy tắc nâng cấp

  • Never Cache URL(s): Điền những URL mà bạn không muốn cache.
  • Never Cache Cookies: Điền ID của những cookies mà bạn không muốn cache.
  • Never Cache User Agent(s): Điền chuổi của những user agent mà bạn không muốn cache.
  • Always Purge URL(s): Điền 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): Điền những query string mà bạn muốn cache.

Cấu Hình WP Rocket – Database

Post Cleanup – Xóa bản nháp, bản lưu hoặc post trong thư mục rác.

Comments Cleanup – Xóa bình luận spam hoặc trong thùng rác.

Transients Cleanup – Dọn dẹp thông tin tạm thời không còn cần sử dụng nữa. Đây là những thông tin như số lượt like, số lượt đọc bài viết được WordPress lưu lại vào database để khi bạn truy cập, tốc độ trả về được nhanh nhất. Nhưng sau khi đã hết hạn, những thông tin này vẫn lưu lại trong database. Dẫn tới giảm thiểu tốc độ xử lý thông tin cơ sở dữ liệu. Bạn có thể tìm hiểu thêm litespeed cache tăng tốc độ website wordpress

Database Cleanup – Dọn cơ sở dữ liệu không còn sử dụng khi các plugins liên quan đã bị xóa.

Automatic Cleanup – Lên lịch tự động dọn dẹp.

Cấu hình wp rocket Heartbeat – Chức năng tự động của WordPress

Chức năng này có thể thay đổi cấu trúc của website, bạn nên cân nhắc khi sử dụng chức năng này.

  • Control Heartbeat: Giảm hoặc vô hiệu hóa các hoạt động API, có thể giúp hạn chế sử dụng tài nguyên trên máy chủ của bạn.
  • Behavior in backend: Giao diện quản trị
  • Behavior in post editor: Công cụ soạn thảo
  • Behavior in frontend: Giao diện cho người dùng
    • Reduce activity: Giảm hoạt động (khuyên dùng)
    • Do not limit: Không giới hạn
    • Disable: Vô hiệu hòa

Cấu hình wp rocket Tools – Cộng cụ khác

  • Export settings: Cho phép bạn download file cấu hình plugin WP Rocket về máy tính. Bạn có thể sử dụng file này để thiết lập nhanh plugin WP Rocket trên các website khác.
  • Import settings: Cho phép bạn upload file cấu hình plugin WP Rocket từ máy tính lên.
  • Rollback: Tính năng này sẽ cho phép bạn hạ cấp WP Rocket về phiên bản cũ hơn trong trường hợp phiên bản hiện tại bị lỗi hoặc không tương thích với website.

Cuối cùng, click vào nút Save Changes để lưu toàn bộ các thiết lập.

Có thể bạn chưa biết, tại Hosting WordPress, Sieutocviet đã tích hợp plugin vào mặc định khi bạn mua giao diện website wordpress tại Sieutocviet, giúp bạn có thể cài đặt WP Rocket bản quyền mà không mất thêm chi phí. Hơn nữa là đang có chương trình ưu đãi Khuyến mãi khi mua giao diện web chuẩn SEO đang diễn ra

 

Xem thêm các bài khác:

Khắc phục 8 lỗi phổ biến nhất khi dùng WordPress khi xây dựng website

Shortcode là gì? Cách thêm shortcode vào sidebars widget

Đăng ký tên miền Hosting tại Sieutocviet chỉ cần vài bước