Gợi ý cấu hình WP Rocket tối ưu tốc độ tải trang

Sau khi bật WP Rocket, plugin này sẽ tự động tối ưu trang web của bạn. Nhưng bạn cũng có thể bật thêm các tùy chọn để tối ưu hơn cho trang web của mình. Dưới đây là kết quả sử dụng WP Rocket của trang web truyện Việt Chen Comics sử dụng theme Nov.

Automatic Lazy Rendering

Đây là chức năng được bật tự động và không có trong cấu hình. Chức năng này sẽ trì hoãn tải các thành phần ngoài màn hình như chân trang. Nhưng chức năng này cũng có thể gây ra lỗi, nếu trang web của bạn hoặc động không bình thường khi bật WP Rocket, bạn hãy thêm đoạn mã sau vào functions.php để tắt chức năng này nhé.

add_filter( 'rocket_lrc_optimization', '__return_false' , 999);

File Optimization

CSS Files

• Bật Minify CSS files
• Bật Optimize CSS delivery
• Chọn tiếp Remove Unuse CSS

JavaScript Files

Đối với hầu hết trang web, các tùy chọn này nên được bật.

• Bật Minify JavaScript files
• Bật Load JavaScript deffered
• Bật Delay JavaScript excution

Sau đó, bạn hãy vào thử trang web, nếu có bất thường xảy ra thì bạn có thể thử tắt từng tùy chọn trên cho tới khi bình thường.

Lưu ý: Nếu bạn sử dụng UIKit, tập tin uikit.min.js là tập tin rất quan trọng để hiển thị trang web, nếu trì hoãn tập tin này sẽ gây ra lỗi Cumulative Layout Shift (CLS), nên phải được loại trừ trì hoãn (như hình trên).

Media

• Phần Lazyload bạn có thể bật nếu có nhu cầu
• Bật Add missing image dimensions
• Bật Self-host Google Fonts nếu bạn có sử dụng

Preload

• Bật Active Preloading để tạo sẵn cache
• Bật Enable link preloading nếu muốn bật chức năng tải trước trang khi rê chuột vào (nếu bật chức năng này, bạn nên gỡ bỏ plugin Speculative Loading nếu đang sử dụng vì cùng chức năng)

Advanced Rules

• Mục Cache Lifespan đặt số 10, hoặc cũng có thể bỏ qua

Database

Đây là công cụ dọn dẹp và tối ưu cơ sở dữ liệu tương tự WP-Optimize hoặc Advanced Database Cleaner, chỉ sử dụng công cụ này khi có nhu cầu. Nếu sử dụng WP Rocket, bạn cần gỡ các plugin có cùng chức năng trên để tránh xung đột.

CDN

Bỏ qua mục này nếu bạn không có nhu cầu sử dụng dịch vụ Rocket CDN cửa WP Rocket.

Heartbeat

• Bật Control Heartbeat
• Chọn Reduce activity cho mục Behavior in backend
• Chọn Do not limit cho mục Behavior in post editor
• Chọn Disable cho mục Behavior in frontend

Add-ons

Bạn có thể bỏ qua mục này, hoặc chọn bật User Cache nếu muốn bật cache cho người dùng đăng nhập.

Image Optimization

Đây là dịch vụ có thu thêm phí của WP Rocket, bạn có thể bỏ qua.

Tools

Mục này gồm các công cụ sao lưu và phục hồi cấu hình, bạn có thể bỏ qua.

Cấu hình tham khảo

Dưới đây là tập tin cấu hình gợi ý cấu hình WP Rocket tối ưu tốc độ tải trang của mình, bạn có thể tải về và vào Tools để phục hồi cấu hình này.

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