LiteSpeed Cache là plugin cache miễn phí cho WordPress. Cấu hình xong, website của bạn có cache trang, cache trình duyệt, CSS và JS được nén, ảnh WebP, tải trước trang khi rê chuột và database gọn hơn.
Video không có lời. Các bảng dưới đây ghi lại chú thích trên màn hình và trạng thái từng cài đặt trong video, theo bốn phần:
| Phần | Mốc trong video |
|---|---|
| Cấu hình Cache Control Setting | 00:00 |
| Tối ưu ảnh | 02:04 |
| Tối ưu cho trang | 02:49 |
| Cấu hình tối ưu cho Database | 04:19 |
Mục nào không nhắc tới thì video để mặc định.
Bạn cần chuẩn bị gì?
- Một website WordPress trên server LiteSpeed hoặc OpenLiteSpeed. Bộ đệm trang của LiteSpeed Cache cần server này, hoặc đi qua QUIC.cloud CDN. Trên Apache hay Nginx, plugin vẫn dùng được các tính năng tối ưu chung như nén ảnh, gộp CSS và JS. Site trong video chạy trên hosting cPanel của AZDIGI (LiteSpeed).
- Plugin LiteSpeed Cache đã cài và kích hoạt.
- ShortPixel, nếu bạn muốn dùng ảnh WebP như trong video.
Phần 1: cấu hình cache
Vào LiteSpeed Cache > Cache. Bấm Save Changes sau mỗi thẻ.
| Thẻ | Cài đặt | Trong video |
|---|---|---|
| [1] Cache | Enable Cache | Bật |
| [1] Cache | Cache Logged-in Users | Tắt |
| [1] Cache | Cache Commenters, Cache REST API | Bật |
| [1] Cache | Cache Login Page | Tắt |
| [1] Cache | Cache favicon.ico, Cache PHP Resources | Bật |
| [1] Cache | Cache Mobile | Tắt |
| [2] TTL | Public, Front Page, Feed, REST TTL | 604800 giây (1 tuần) |
| [2] TTL | Private Cache TTL | 1800 giây (30 phút) |
| [3] Purge | Purge All On Upgrade | Bật |
| [3] Purge | Serve Stale | Tắt |
| [5] ESI | Enable ESI | Tắt |
| [7] Browser | Browser Cache | Bật, TTL 31557600 giây (1 năm) |
| [8] Advanced | Improve HTTP/HTTPS Compatibility | Bật |
| [8] Advanced | Instant Click | Bật |
Ghi chú trên màn hình giải thích các lựa chọn chính:
- Người dùng đăng nhập không cần cache, để tránh lỗi với Page Builder.
- Tắt Cache Login Page giúp bạn đăng nhập không bị lỗi “Expired”.
- Browser Cache để các trình duyệt web cache nội dung blog của bạn.
- Instant Click giúp tải trước trang web khi người đọc đưa con trỏ vào đường link, nên trang tải nhanh hơn.
Ở thẻ [3] Purge, mục Auto Purge Rules For Publish/Update chọn: Front page, Home page, Pages, All pages with Recent Posts Widget, Author archive, Post type archive, Monthly archive, Term archive. Nhờ vậy khi bạn đăng hay sửa bài, các trang có liên quan được làm mới.
Phần 2: tối ưu ảnh
Vào LiteSpeed Cache > Image Optimization, thẻ Image Optimization Settings:
| Cài đặt | Trong video |
|---|---|
| Image WebP Replacement | Bật |
| WebP For Extra srcset | Bật |
| WordPress Image Quality Control | 82 |
Bật WebP khi bạn dùng ShortPixel tạo sẵn file ảnh định dạng WebP.
Phần 3: tối ưu cho trang
Vào LiteSpeed Cache > Page Optimization. LiteSpeed nhắc ở đầu trang này: thử kỹ khi bật bất kỳ tùy chọn nào, và sau khi đổi cài đặt Minify hay Combine thì Purge All một lần.
| Thẻ | Cài đặt | Trong video |
|---|---|---|
| [1] CSS Settings | CSS Minify | Bật |
| [1] CSS Settings | CSS Combine, Unique CSS, CSS HTTP/2 Push, Load CSS Asynchronously | Tắt |
| [1] CSS Settings | Font Display Optimization | Swap |
| [2] JS Settings | JS Minify, Load JS Deferred | Bật |
| [2] JS Settings | JS Combine, JS HTTP/2 Push | Tắt |
| [2] JS Settings | Load Inline JS | Default |
| [3] Optimization Settings | HTML Minify, Inline CSS Minify, Inline JS Minify | Tắt |
| [3] Optimization Settings | DNS Prefetch Control, Remove Comments, Remove Query Strings | Tắt |
| [3] Optimization Settings | Load Google Fonts Asynchronously, Remove Google Fonts | Tắt |
| [3] Optimization Settings | Remove WordPress Emoji | Bật |
| [4] Media Settings | Lazy Load Images | Tắt |
| [4] Media Settings | Responsive Placeholder | Bật |
| [7] Tuning Settings | Combined CSS Priority, Combined JS Priority | Tắt |
Video chỉ nén (Minify) CSS và JS, không gộp (Combine).
Phần 4: tối ưu database
Vào LiteSpeed Cache > Database, thẻ DB Optimization Settings:
| Cài đặt | Trong video |
|---|---|
| Revisions Max Number | 3 |
| Revisions Max Age | 30 ngày |
Giữ tối đa 3 bản Revision để database gọn hơn, và lưu chúng trong 30 ngày là đủ.
Làm sao biết LiteSpeed Cache đã chạy?
Thoát khỏi tài khoản quản trị, vì người dùng đăng nhập không được cache. Mở website như một người đọc rồi rê chuột vào một đường link: với Instant Click, trang đó được tải trước và mở gần như ngay khi bạn bấm.