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. :)
















LiteSpeed Cache
Hiếu xem giúp anh khi sử dụng cái này hôm nay thấy nhiều thành viên nhắn hiện tượng lỗi truy cập.
Anh vào test thử thì vẫn đăng nhập được nhưng sau khi nhập Username và Pass nó vẫn báo chưa đăng nhập được, phải nhấn sang 1 Link bất kỳ thì báo đã đăng nhập rồi.
Anh thử tắt nó đi thì việc đăng nhập hoạt động bình thường, trước dùng WP Super Cache không bị hiện tượng này. Em xem cần tủy chình gì lại cái LiteSpeed Cache này không.
Em vừa điều chỉnh thiết lập. Anh thử lại xem sao nhé. :P
Vẫn bị lỗi đó. Anh sau khi đăng nhập vẫn chưa vào được, nhưng nhấn vào Link bất kỳ thì nó mới báo đã đăng nhập.
Đăng nhập bằng tài khoản của khách hàng nha. Không phải tài khoản Admin.
Anh thử bằng cải tài khoản test thành viên và tài khoản Admin.
Anh tùy chỉnh thiết lập của LiteSpeed Cache đấy à? :O Rõ ràng sáng nay em đã exclude mấy cái role của member rồi mà. Sao bây giờ vào không thấy tick nữa. Mà anh nghĩ sao mà lại đi cài cả WP Rocket và LiteSpeed Cache cùng lúc vậy? =.=!
P/s: Anh thử lại lần nữa xem.
Vẫn bị hiện tượng đó.
Anh chưa chỉnh sửa gì cả sáng nay mới Disable nó đi thì thấy hoạt động bình thường.
Vừa về nhà mới cái thử cái Rocket thôi vì cũng biết không cài 2 cái Cache.
Em vừa tắt hoàn toàn cache cho thành viên đăng nhập. Anh thử lại lần nữa. Nếu vẫn không được thì phải chuyển qua sử dụng plugin tạo cache khác. Nhớ xóa cache trình duyệt trước khi thử.
Ok để a xem lại, nếu tắt Cache của thành viên thì có ảnh hưởng tới tốc độ khi họ truy cập ko em. Nếu dùng Cache khác thì dùng lại WP Super Cache hay anh mua luôn Rocket.
Trước đây anh dùng WP Super Cache không bị lỗi thì bây giờ dùng lại cũng được. :P
Hình như nó làm KK Star Rattings không còn Unique nữa. Còn em thì nó 5 ngôi sao màu xám luôn, tức là k nhấp vào được.
Có cách nào cho nó đừng cache KK không a?
Bạn thử cho URL của file JS và CSS của kk Star Ratings vào mục URL List trong tab Excludes xem. :P
Vẫn không được anh ơi, nó cứ show cái 5 ngôi sao được cached lần đầu không à. Anh loại trừ nó như thế nào có thể cho em xem được không ạ? có thể e làm sai cách
Mình không có loại trừ cái gì cả. Để mặc định thôi. Mình thiết lập như thế nào thì mình đã chụp trong hình ảnh rồi. :P
Xin hỏi ngoài lề tí vì k thấy bài viết trùng chủ đề. Hiếu ơi, tui định làm 1 site tiếng Anh mà sau khi cài đặt rồi web toàn tiếng Việt, xóa mục language đi, load lại lại có. Làm thế nào được nhỉ?
Vào Cài đặt => Tổng quan => Ngôn ngữ của trang => Chọn English (United States) là được mà. :P
Ờ ha, cứ tưởng cái này chỉ thay đổi được mỗi trang admin chứ. Thank bác nhiều :)
Thank bác, giờ em mới biết vào kiểu này
Có cách nào để tối ưu css của font awesome được nhẹ nhất không nhỉ ? Đã nén loại bỏ khoảng trống cmt như số size vẫn rất lớn.
Mở file font-awesome.min.css ra, xóa hết những mã font không dùng đến đi. Thế là nó nhẹ chứ có gì đâu. :P
Trước khi hỏi mình cũng thử xóa xem như nào, nó làm mất hết icon cái có cái không. Giờ làm lại lần nữa vẫn vậy cái có cái không :((
Chứng tỏ là làm sai. Blog của mình cũng đang dùng bản rút gọn của FontAwesome này. Chỉ thêm vào những mã font nào dùng đến. Còn lại xóa hết. :P
đang dùng lite speed, công nhận rất oke, thấy nhẹ hơn rocket
Nếu host sử dụng LiteSpeed Webserver thì cài LiteSpeed Cache vẫn là chuẩn bài nhất. Kết hợp thêm với plugin Autoptimize sẽ cho tốc độ load rất nhanh. :P
Dùng cả wp fastest cache + LiteSpeed Cache + Autoptimize được không ad?
Giữa WP Fastest Cache và LiteSpeed Cache, chọn 1 trong 2 thôi. Làm gì có chuyện dùng 2 plugin tạo cache cùng lúc. Xung đột tè le ngay. :P
Đã dùng LiteSpeed Cache thì có cần thêm Autoptimize nữa không Hiếu nhỉ, vì mình thấy LiteSpeed chứa đầy đủ tính năng của Autoptimize rồi thì phải
Không bạn nhé. LiteSpeed Cache có đầy đủ các tính năng để tối ưu CSS, HTML, JS… rồi.
Chi tiết hơi bài trước nhiều.
Cập nhật hướng dẫn theo phiên bản mới nhất mà. :P
Sau khi cài thêm LiteSpeed Cache thì trong cpanel nó phát sinh ra những file này. Nếu xóa thì có bị ảnh hưởng gì không anh Luân nhỉ?
http://prntscr.com/fyiber
Em nhầm. Anh Hiếu. :D Có hỏi bên CanhMe nhưng không thấy trả lời. :(
Xóa thoải mái nhé. Chừa lại file .htaccess là được. Mấy file kia chỉ là file backup của file .htaccess thôi. :P
Mình cài Lightspeed lên web đã có wp-rocket. Sau đó mình deactive wp-rocket
thì homepage của mình là page mặc định của wordpress luôn. Trong khi kiểm tra front-page thì vẫn là page mình design. Mình ko biết có sai ở bước nào ko và nếu đã có wp-rocket plugin rồi thì có cần cài lightspeed ko hay sao. Bạn hướng dẫn giúp mình với. Thanks.
“homepage của mình là page mặc định của wordpress luôn. Trong khi kiểm tra front-page thì vẫn là page mình design”. Mình không hiểu cái này lắm. Nó liên quan gì đến việc cache? Nếu bạn xài hosting có hỗ trợ LiteSpeed Cache thì nên cài LiteSpeed Cache. Tuy nhiên plugin LiteSpeed Cache không hỗ trợ browser cache nên bạn phải tạo browser cache bằng cách chèn thêm code vào file .htaccess. :P
chào bạn, cho mình hỏi tạo browser cache thì chèn đoạn mã nào vào htacess nhỉ. Mình đang dùng litespeed cache với autoptimize kết hợp với nhau. không biết có nên dùng thêm gì không, mình thấy test gtmetrix.com thì phần browser cache của mình thời gian cache của google maps quá ngắn, mình đã từng cài fastest cache và rocket thì thấy không bị cái đó. Bạn tư vấn mình xem xử lý ntn ạ
File của Google Maps không lưu trên host nên bạn không thể control thời gian cache của nó được đâu nhé. Về nguyên tắc thì nó là như vậy. Còn tại sao bạn dùng WP Fastest Cache và WP Rocket không bị lỗi đó thì mình không rõ. :)
Web server của mình là Apache, điều đó có nghĩa là ko thích hợp vs plusgin này đúng ko Hiếu
Plugin chỉ dành cho web server LiteSpeed có hỗ trợ LiteSpeed Cache thôi bạn. :)
A ơi, help e
Plugin này miễn phí hoàn toàn hay là thử 15 ngày đầu vậy? Tự nhiên lúc đầu sài ngon lành bây giờ nó không hiện kết quả “hit” hay “miss” gì luôn và chã hoạt động gì.
Plugin miễn phí hoàn toàn mà. :P
Sáng giờ search tiếng anh đọc wá trời, chã biêt tại sao nó không hiện X-LiteSpeed-Cache:hit hay miss gì cả. A check xem giúp e với. file .htaccess của em ntn:
Lúc trước vẫn không đụng chạm gì nó vẫn hoạt động vù vù, tự nhiên mấy hôm nay thấy chậm thì ra nó không hoạt động :(
Vui lòng không paste code trực tiếp vào khung bình luận bạn nhé. Nó sẽ khiến site của mình bị lỗi AMP. Nếu bạn cần đưa code, hãy cho lên GitHub rồi paste link vào đây. :P
P/s: Bạn phải chuyển code LiteSpeed Cache lên đầu tiên trong file .htaccess nhé. Với lại bỏ cái đoạn EXPIRES CACHING ở đầu đi. Vì code này có thể gây xung đột với code của LiteSpeed Cache. :P
có thử đổi kiểu đó luôn rồi mà không được a à. Test đủ kiù trong .htaccess luôn mà k ăn thua
Bạn dùng host của nhà cung cấp nào vậy? Server có hỗ trợ LiteSpeed Cache không đấy? :D
Host của Hostvn có hổ trợ, không biết web em sao có lúc thì ăn có lúc lại không? hay do trên sever của litespeed web của e có vấn đề gì với họ
Muốn trải nghiệm LiteSpeed Cache tốt nhất và ổn định nhất thì cứ qua HawkHost hoặc StableHost nhé. :P