Hướng dẫn cài LiteSpeed Cache cho website WordPress chạy trên hosting LiteSpeed.
LiteSpeed là một trong những web server tốt và phổ biến nhất hiện nay, bên cạnh Apache và NginX. LiteSpeed có nguyên lý hoạt động gần giống với Apache (tức là hầu như những tính năng của Apache đều sử dụng được trên LiteSpeed). Tuy nhiên, nó có khả năng chịu tải và tốc độ truyền, xử lý dữ liệu tốt hơn Apache khá nhiều. Đó là lý do tại sao một số nhà cung cấp hosting hiện nay chọn LiteSpeed Enterprise (bản đầy đủ nhất) để làm web server, mặc dù chúng không hề miễn phí.
Tham khảo thêm:
Tại sao bạn nên sử dụng plugin LiteSpeed Cache?
Toàn bộ hosting do WP Căn bản cung cấp thông qua dịch vụ WordPress Hosting đều sử dụng LiteSpeed Enterprise (LSWS). Một trong những tính năng mà tôi thích nhất ở LiteSpeed chính là LiteSpeed Cache (LSCache). Nó không chỉ giúp website load nhanh hơn mà còn tiết kiệm tài nguyên và tăng khả năng chịu tải.
Chúng tôi khuyên dùng plugin LiteSpeed Cache thay cho tất cả các plugin tạo cache khác, nếu bạn đang sử dụng hosting do WP Căn bản cung cấp. Bởi vì nó mang lại hiệu suất thực tế cao hơn rất nhiều khi so với các đối thủ.
Hướng dẫn cài LiteSpeed Cache cho WordPress
LiteSpeed Cache không được kích hoạt mặc định. Tuy nhiên, bạn hoàn toàn có thể kích hoạt nó thông qua file .htaccess hoặc sử dụng plugin do chính LiteSpeedTech viết riêng cho WordPress.
Sử dụng file .htaccess
Thêm đoạn code sau đây vào file .htaccess
trong thư mục cài đặt của WordPress:
<IfModule LiteSpeed>
CacheEnable public /
RewriteEngine on
RewriteCond %{REQUEST_METHOD} ^(HEAD|GET)$
RewriteCond %{REQUEST_URI} !^/(wp-admin|wp-login.php|wp-cron.php)
RewriteRule .* - [E=Cache-Control:max-age=120]
</IfModule>
Các bạn có thể chỉnh thông số max-age=120
thành bất cứ thời gian nào mà bạn muốn. Mỗi đơn vị tương ứng với 1 giây. Như vậy, khi sử dụng code bên trên, phần lớn truy vấn dữ liệu tĩnh trên site của bạn sẽ được cache trong vòng 2 phút.
Nhược điểm của phương pháp này là bạn sẽ không thể xóa cache thủ công hay xóa cache tự động khi đăng tải bài viết, bình luận, chỉnh sửa file JS và CSS… Mọi thao tác đều phải chờ sau thời gian cache mới có hiệu lực.
Sử dụng plugin LiteSpeed Cache
Để giải quyết tình trạng trên, các bạn nên cài LiteSpeed Cache bằng cách sử dụng plugin.
1. Trước tiên, các bạn cần phải cài đặt và kích hoạt plugin LiteSpeed Cache (xem chi tiết). Kể từ phiên bản 7.0, LiteSpeed Cache đã thay đổi cách cấp Domain Key, yêu cầu phải đăng ký tài khoản QUIC.Cloud khá lằng nhằng. Vì vậy, để dễ dàng hơn, các bạn nên cài đặt phiên bản 6.5.4 (download tại đây). Sau khi yêu cầu cấp Domain Key thành công (bước 4) thì hãy nâng cấp lên phiên bản mới nhất.
2. Download file cấu hình tối ưu của plugin LiteSpeed Cache. Đây là file dữ liệu do WP Căn bản cấu hình sẵn, được tổng hợp từ kinh nghiệm tối ưu hàng nghìn website khác nhau trong nhiều năm qua. Các bạn có thể dựa vào cấu hình này để chỉnh sửa thiết lập cho phù hợp với website của bạn. File sẽ được cập nhật thường xuyên dựa theo những thay đổi của plugin LiteSpeed Cache.
3. Truy cập LiteSpeed Cache => Toolbox => [2] Import / Export hoặc LiteSpeed Cache => Presets => [2] Import / Export => lựa chọn file cấu hình (đã download ở bước 2) => click vào nút Import.
4. Truy cập LiteSpeed Cache => General => [1] General Settings => click vào nút Request Domain Key. Bạn sẽ cần Domain Key để sử dụng các dịch vụ của QUIC.Cloud (chẳng hạn như nén ảnh, CDN, tạo Critical CSS/ Unique CSS…).
Chờ một lát để Domain Key được phê duyệt, các bạn sẽ nhận được kết quả trông như hình bên dưới.
5. Tiến hành chỉnh sửa một vài thiết lập của plugin để tương thích tốt nhất với website của bạn hoặc để nguyên như mặc định nếu website đã hoạt động bình thường (không lỗi).
- Nếu bạn có sử dụng Google Fonts, truy cập LiteSpeed Cache => Page Optimization => [3] HTML Settings => chuyển mục Load Google Fonts Asynchronously sang trạng thái ON rồi lưu lại.
- Nếu bạn gặp các lỗi liên quan đến CSS (chẳng hạn như vỡ giao diện, khoảng cách giữa các phần tử không đúng…), truy cập LiteSpeed Cache => Page Optimization => [1] CSS Settings => chuyển mục CSS Combine sang trạng thái OFF rồi lưu lại. Nếu lỗi vẫn chưa được khắc phục, hãy thử OFF luôn cả mục CSS Minify. Ngoài ra, bạn có thể thử OFF lần lượt các tính năng Remove Query Strings và HTML Minify trong LiteSpeed Cache => Page Optimization => [3] HTML Settings.
- Nếu bạn gặp các lỗi liên quan đến JS (thường là một tính năng nào đó của website không hoạt động), truy cập LiteSpeed Cache => Page Optimization => [2] JS Settings => chuyển mục JS Combine sang trạng thái OFF rồi lưu lại. Nếu lỗi vẫn chưa được khắc phục, hãy thử OFF luôn (lần lượt) cả mục JS Minify và mục Load JS Deferred.
- Nếu bạn gặp những lỗi như xuất hiện cùng lúc 2 khung bình luận hoặc gặp vấn đề với các plugin như LearnDash, các plugin membership… truy cập LiteSpeed Cache => Cache => [5] ESI => chuyển mục Enable ESI sang trạng thái OFF rồi lưu lại.
- Nếu bạn muốn tạo và load ảnh WebP, truy cập LiteSpeed Cache => Image Optimization => [2] Image Optimization Settings => chuyển các mục Image WebP Replacement và WebP For Extra srcset sang trạng thái ON rồi lưu lại.
- Nếu website của bạn có quá nhiều người dùng hoặc quá nhiều bình luận và việc cache Gravatar khiến cho website tốn thêm nhiều dung lượng lưu trữ, truy cập LiteSpeed Cache => Page Optimization => [7] Localization => chuyển các mục Gravatar Cache và Gravatar Cache Cron sang trạng thái OFF rồi lưu lại.
- Nếu website của bạn không tải các file JS từ server bên ngoài (chẳng hạn file JS của Facebook, Twitter…), truy cập LiteSpeed Cache => Page Optimization => [7] Localization => chuyển mục Localize Resources sang trạng thái OFF rồi lưu lại. Nếu bạn muốn lưu trữ các file JS bên ngoài ngay trên server của bạn để cache và tăng tốc độ load, hãy thêm URL của chúng vào khung Localization Files.
- Nếu bạn muốn sử dụng Emoji hoặc đã vô hiệu hóa Emoji bằng code hoặc plugin khác, truy cập LiteSpeed Cache => Page Optimization => [3] HTML Settings => chuyển mục Remove WordPress Emoji sang trạng thái OFF rồi lưu lại.
Nhớ xóa cache và sử dụng trình duyệt web ẩn danh (không đăng nhập) để kiểm tra kết quả.
Tổng hợp các hướng dẫn cài LiteSpeed Cache
Do plugin LiteSpeed Cache hiện tại có quá nhiều tính năng, trong một bài viết không thể hướng dẫn hết được, nên chúng tôi đã chia nhỏ nó thành nhiều bài hướng dẫn khác nhau. Các bạn có thể tham khảo trong danh sách bên dưới để biết thêm chi tiết:
- Hướng dẫn xóa cache của plugin LiteSpeed Cache
- Kết nối CloudFlare CDN với plugin LiteSpeed Cache
- Hướng dẫn sử dụng LiteSpeed Memcached
- Hướng dẫn sử dụng OpCode Cache với plugin LiteSpeed Cache
- Hướng dẫn thiết lập Object Cache trên plugin LiteSpeed Cache
- Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache
- Hướng dẫn lazyload hình ảnh với plugin LiteSpeed Cache
- Hướng dẫn load ảnh WebP bằng plugin LiteSpeed Cache
- Tối ưu database WordPress với plugin LiteSpeed Cache
- Cache Gravatar giúp website WordPress load nhanh hơn
- Lưu trữ script của bên thứ ba ngay trên host
- Khắc phục lỗi Google Fonts trong Google PageSpeed Insights
- Sử dụng LiteSpeed Web Cache Manager trong cPanel
- Tinh giản plugin LiteSpeed Cache giúp menu gọn gàng hơn
- Sử dụng LiteSpeed Cache Guest Mode để tăng tốc độ load
- Cache WordPress REST API để tăng tốc độ load
- Khắc phục lỗi thư mục litespeed chiếm dung lượng
Danh sách này sẽ được cập nhật liên tục để bổ sung thêm các hướng dẫn mới.
Mọi thắc mắc liên quan đến việc cài LiteSpeed Cache cho website WordPress, xin vui lòng gửi vào khung bình luận bên dưới để được hỗ trợ và giải đáp.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Em đã cài plugin LiteSpeed Cache rồi, nhưng khi vào cài đặt thì lại gặp 1 thông báo như thế này ạ:
CẢNH BÁO
Chức năng lưu bộ nhớ đệm trên trang này hiện không khả dụng!
Để sử dụng các chức năng lưu trữ, bạn phải có máy chủ web LiteSpeed hoặc đang sử dụng QUIC.cloud CDN. Tìm hiểu thêm
Host của bạn có chạy web server LiteSpeed hoặc Open LiteSpeed không? Nếu là NginX hay Apache thì không dùng LiteSpeed Cache được đâu nhé.
Dạ em dùng host của StableHost không biết là có chạy websever Lite speed không ạ? Nếu muốn biết có sử dụng được lite speed không thì em kiểm tra bằng cách nào ạ?
StableHost hình như có chạy LiteSpeed web server đó bạn.
Dạ nếu như vậy thì anh Hiếu có thể giúp em làm thế nào để khắc phục tình trạng này không ạ?
Bạn mở ticket nhờ kỹ thuật viên của StableHost hỗ trợ nhé. Bên mình chỉ hỗ trợ kiểm tra cho các khách hàng sử dụng host do bên mình cung cấp thôi. Mong bạn thông cảm.
Dạ em cám ơn anh đã hỗ trợ ạ!
Mỗi lần chỉnh sửa css thôi mà nó lâu thay đổi quá, kể cả tắt plugin đi. Có cách nào để nó nhanh cập nhật cái chỉnh sửa mới không bạn.
Chỉnh xong bạn xóa cache CSS/JS đi. LiteSpeed Cache có tính năng đó mà?
Mình có vô /wp-admin/admin.php?page=lscache-dash&type=purge_all xóa hết mà vẫn chưa thấy thay đổi ta. Ở trang chủ dễ thấy nhất cái khoảng cách giữa phần tìm kiếm với bên đoạn chữ trên, bên dưới có thay đổi thêm link vô phần “Saigon Villas hiện có hơn 200 tin,…” mà cũng chưa đổi. Nhờ bạn xem giúp.
Xóa cache CloudFlare chưa thế bạn? :P
Xóa cả rồi mà chưa thấy gì bác ơi.
Mình đang dùng litespeed cache, không hiểu sau tầm 10 phút bị out ra khỏi đăng nhập, và mình tiếp tục đăng nhập thì không vào được, khoảng vài khút sau thì mình vào lại được, mình là admin site không có thành viên khác, Hiếu giúp mình tình trạng này với
Cái này mình nghĩ không phải do LiteSpeed Cache. Vì LiteSpeed Cache đâu có can thiệp vào WordPress Admin?
So với WP Rocket có phí thì mình nên dùng plugin nào admin ơi?
Nếu host chạy web server LiteSpeed hoặc Open LiteSpeed thì dùng plugin LiteSpeed Cache là chuẩn bài nhất bạn nhé.
cho e hỏi, e dùng plugin Pricing Table by Supsystic tạo bảng dùng shortcode trong bài viết, trước dùng wp rocket thì bình thường. GIờ dùng litespeed thì khi đã đăng nhập wp admin xem bài viết mới thấy, không đăng nhập thì bảng không hiển thị, có lẽ nào e thiết lập litespeed chưa đúng không ạ?
Chắc nó xung đột với các tính năng trong tab [5] Optimize của plugin LiteSpeed Cache rồi. Bạn thử tắt lần lượt các tính năng trong tab đó và kiểm tra lại xem sao.
thanks a, làm theo hướng dẫn của litespeed loại trừ js của plugin đó thì ok rồi.
web sever dùng litespeed thì nên dùng litespeed cache này luôn hay wp rocket ạ
Dùng LiteSpeed Cache bạn nhé.
Web của em mã nguồn PHP code tay thì có nên dùng Litespeed webserver trả phí không ạ? Em cám ơn.
Bạn có thể sử dụng Open LiteSpeed (miễn phí) để test thử trước nhé. Nếu thấy hiệu quả tốt thì hãy nâng cấp lên web server LiteSpeed (trả phí) sau.
Cám ơn anh.
Cho em hỏi ngu cái: Em đang dùng gói VPS không biết nên cài plugin này không, hay cái này chỉ dùng cho hosting thôi.
Nếu VPS của bạn chạy web server LiteSpeed (trả phí) hoặc Open LiteSpeed (miễn phí) thì có thể cài plugin LiteSpeed Cache vô tư nhé.
Theo mình, bạn dùng VPS thì nên chọn plugin tạo cache xứng tầm với nó. Sao không thử với WP Total Cache ? Nghe nói nó rất tốt cho web có host VPS.
Mình vừa cài nó báo
CẢNH BÁO
Chức năng lưu bộ nhớ đệm trên trang này hiện không khả dụng!
Để sử dụng các chức năng lưu trữ, bạn phải có máy chủ web LiteSpeed hoặc đang sử dụng QUIC.cloud CDN. Tìm hiểu thêm
Vậy là host của mình không dùng được à bạn
Đúng rồi bạn. Host của bạn đang chạy web server Apache chứ đâu phải LiteSpeed. Nếu bạn muốn sử dụng LiteSpeed Cache thì có thể tham khảo dịch vụ WordPress Hosting của bên mình.
Mình đang dùng của Nhân Hòa. Nếu dùng dịch vụ host của bạn nó hơn ở điểm nào bạn. Chia sẻ giúp mình vài điểm ngắn gọn thôi. Gói host của mình cũng chuẩn bị hết hạn, trang web kiểm tra trên PageSpeed Insights điểm thấp quá. Mình dùng cho 3 trang lượng truy cập nhỏ. Mình hay dùng các theme của StudioPress.
Thanks
Cái này bạn nên bớt vài phút để đọc phần giới thiệu về dịch vụ WordPress Hosting của bên mình nhé. Mình chỉ nói 1 câu thôi: không đâu hiểu WordPress hơn bên mình. Do đó, mình biết những thứ gì là tốt nhất dành cho WordPress.
Để chiều mình xem.
rất cảm ơn anh Hiếu, đã quay về dùng Litespeed cache