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. :)
Mình thấy khi cài cái này tốc độ test trên GTmetrix tăng lên khá cao. Mặc dù Gtmetrix không phải là công cụ test tốc độ website chuẩn hiện nay.
GTmetrix dùng để chấm điểm tối ưu là chuẩn nhất rồi đó bạn.
Mong bạn cập nhật bài viết, tại vì mình thấy plugin này đã có một số thay đổi
Mình sẽ cập nhật trong thời gian sắp tới nhé. Hiện tại nếu bạn muốn sử dụng plugin này thì có thể tham khảo dịch vụ WordPress Hosting của bên mình, sẽ được hỗ trợ cài đặt và cấu hình chuẩn nhất, phù hợp với từng website, hoàn toàn miễn phí.
Mình code 1 plugin mới là dạng shotcode trong bài viết, plugin có sử dụng hàm random nhưng sau ra ngoài lần đầu random ra 81 và những lần sau vẫn in ra 81, mình có tắt plugin này đi thì chạy bình, bạn cho mình hỏi cách khắc phục nhé, thanks.
Hiếu ơi,
Cho mình hỏi, mình muốn sử dụng thêm plugin Asset CleanUp: Page Speed Booster để tăng tốc độ tải trang.
Theo Hiếu có nên kết hợp nó với Lite Speed Cache không?
LiteSpeed Cache có đầy đủ các tính năng cần thiết cho việc tối ưu mã nguồn website rồi bạn.
Hiếu giúp mình kiểm tra xem web của mình tạo sao vào rất chậm dù web mới tạo có 20 pages.
Mình đã cài cloudflare, plugin cache rồi mà vào nó cứ khựng lại lúc lâu mới load web https://onggiotanthanh.com
THanks nhiều
Web của bạn đâu thể nói là load rất chậm, tốc độ khá ổn mà.
Admin cho mình hỏi là cái này có phụ thuộc vào hosting không? Hôm rồi mình vào cộng đồng trên wordpress trên facebook thì có 1 bạn tư vấn là sử dụng litespeed nhưng phải sử dụng hosting của bên đó mới cải thiện được.
Host chạy web server Apache và NginX vẫn chạy được plugin LiteSpeed Cache bạn nhé. Tuy nhiên, rất nhiều tính năng bị hạn chế. Nếu bạn muốn sử dụng đầy đủ tính năng thì phải dùng host chạy web server LiteSpeed, ví dụ như dịch vụ WordPress Hosting của bên mình.
Cả nhà giúp em một chút, em dùng LiteSpeed Cache trên HawkHost,
bây giờ em bị bị lỗi là không thể load được wp-content/plugins/wordpress-seo-premium/js/dist/wp-seo-analysis-worker-812.min.js
mà em không biết xử lý thế nào trên Litespeed Cache,
cả nhà giúp em với ạ
Bạn bị lỗi ngoài giao diện web hay là trong Admin của WordPress? Mình cũng đang dùng Yoast SEO Premium chung với LiteSpeed Cache nhưng có bị lỗi đó đâu nhỉ.
Em mở thêm các chức năng tối ưu CSS/JS và bị lỗi ở phần viết bài. Nó không hiện ra SEO Score ạ.
Em có thêm file JS vào phần JS Exclude không giải quyết được. Em copy tên file vào theo định dạng sau:
wp-seo-analysis-worker-812.min.js
html-public/…../wp-seo-analysis-worker-812.min.js
Em cũng thử tắt Litespeed Cache, cài lại Yoast Seo cũng vẫn bị anh ạ.
Anh cho em hỏi là anh sử dụng Litespeed Cache với Yoast Seo như thế nào mà không bị lỗi ạ.
Em cảm ơn anh.
Anh có thế cho em xin skype của anh không ạ
LiteSpeed Cache không gây ảnh hưởng đến giao diện Admin của WordPress bạn nhé. Ngoại trừ tính năng Object Cache. Do đó, có thể khẳng định LiteSpeed Cache không phải là nguyên nhân gây ra lỗi Yoast SEO. Bạn nên thử deactive toàn bộ plugin, ngoại trừ Yoast SEO và kiểm tra lại xem có hết lỗi không? Nếu hết, active lần lượt từng plugin và kiểm tra cho đến khi thấy lỗi xuất hiện => phát hiện ra nguyên nhân gây xung đột.
Cái đó em lên GitHub của Yoast báo rồi, và họ cũng bổ xung luôn vào bản cập nhật 8.2.
Anh có thể viết mới lại bài về sử dụng LiteSpeed Cach được không ạ. Vì bài này nội dung hơi cũ, LiteSpeed Cache bây giờ có thêm Optimize để tối ưu JS và CSS rồi.
Em mới tập tành làm web riêng trên nền Wordpress, lúc trước dùng gói của GoDaddy không phải làm gì cả chỉ vào viết nội dung là xong, nhưng nó đặt máy chủ bên Mỹ, load từ VN chết mệt luôn cho dù em có dùng Cloudflare. Càng dùng càng thấy nó tệ, giới hạn nhiều cái.
Em mới chuyển qua gói Share Host của HawkHost, dùng nhanh nhưng mà hay lỗi vặt, chắc tại em gà chưa biết setup thế nào nên nó cứ hôm nay lỗi này, mai lại lỗi khác. Nhưng hiện tại có mấy cái lỗi mà em chưa biết làm thế nào:
1/ Em lên lịch bài viết, nhưng nó không tự động đăng. Em muốn đăng thì phải vào cập nhật lại sau thời gian dự kiến nó mới đăng. (Vd: em đặt lịch là 10h sáng, thì 10h01 em vào cập nhật nó mới đăng lại, nêu không cập nhật thì nó không đăng lên trang chủ)
2/ Lỗi cache, thi thoảng em vào admin panel thì nó load dữ liệu cache từ những ngày trước, phải purge all cache vài lần nó mới trở lại bình thường. Hoặc lỗi thi thoảng bay mất plugin, lại purge all cache mới thấy, rồi thi thoảng plugin nó trở về những setup mặc định.
3/ Em dùng plugin AMPforWP để làm trang mobile, nhưng thi thoảng em vào trên máy tính nó lại nhảy ra trang mobile, vào trang mobile nó lại nhảy ra trang desktop. Nói chung nó bị loạn cào cào lên.
Anh tư vấn giúp em mấy cái trên giúp em với ạ.
Thêm một chút thông tin em setup ở Cpanel ạ.
+PHP version 7.2.9
+ Em dùng Redis, vì mỗi lần em bật Memcache là CPU nó load 99% luôn. Chắc tại em dùng theme Newspaper nó không hợp.
+ Em cũng bật OPCACHE luôn.
+ Em chỉ dùng Litespeed theo khuyến cáo là dùng 1 plugun cache.
1. HawkHost hay StableHost bây giờ không còn là sự lựa chọn lý tưởng nữa. Chúng thường xuyên bị quá tải do nhét quá nhiều account lên cùng 1 server. Hệ thống backup cũng hay bị lỗi, lúc cần thì không restore được.
2. Cái vấn đề mà bạn nói nhiều khả năng liên quan đến tính năng Object Cache (Redis, Memcached). Object Cache thường gây lỗi rất khó chịu. Mình nghĩ không nên dùng. Có LiteSpeed Cache và ObCode Cache là đủ rồi. Bài viết hướng dẫn cài đặt plugin LiteSpeed Cache mình đang có ý định cập nhật và bổ sung nhưng chưa có thời gian.
3. Cái AMP mình không khuyến khích dùng. Giao diện của nó quá đơn giản, còn nhiều tính năng chưa hỗ trợ, tỉ lệ thoát web rất cao.
Vậy có nghĩa là, em chỉ nên bật Redis trong PHP extentions.
Như ảnh chụp phần PHP của em, đã chuẩn chưa ạ: https://i.imgur.com/fqlBeHw.png
Thêm nữa, theo anh thì nên bỏ Redis không dùng, và chỉ cài 2 plugin Litespeed Cache và ObCode Cache là được phải không ạ.
Bạn không cài plugin thì bật module Redis và Memcached trong PHP cũng chả có tác dụng gì cả, tắt luôn đi cho rảnh. Muốn xem thiết lập PHP 7.2 chuẩn hay chưa thì xem bài viết “Hướng dẫn nâng cấp PHP 7.2 cho khách hàng WordPress Hosting“.
Sau khi cài thì thấy web cũng load nhanh hơn trước,nhưng mình ghét mỗi lúc load site là nó hiển thị ra mấy cái dòng chữ không có css (như hình 1)
– Hình 1: https://i.imgur.com/aB8sIEj.png
Sau đó nó mới vô hẳn trang web với đầy đủ css (như hình 2)
– Hình 2: https://i.imgur.com/DJx7l0V.png
Admin cho hỏi có cách nào khắc phục như ở hình 1 không nhĩ?Thanks!
Cái này có lẽ do bạn đang bật tính năng async CSS của LiteSpeed Cache. Bạn vào LiteSpeed Cache => Settings => Optimize => Load CSS Asynchronously chuyển sang trạng thái OFF => Save Changes => xóa Cache.
Tắt rồi,hình như lúc được lúc không hay sao ấy.À cho mình hỏi thêm là cái này có xài chung song song với plugin Autoptimize được không nhĩ?
Dùng chung được bạn nhé. Nếu bạn dùng Autoptimize thì chuyển các mục trong tab “Optimize” của LiteSpeed Cache sang trạng thái
OFFlà được.Có nghĩa là trong tab “Optimize” của LiteSpeed Cache thì mình OFF hết các mục ở trong đó luôn hả?
Bạn có thể để 2 mục CSS HTTP/2 Push và JS HTTP/2 Push ở trạng thái
ON, còn lại thìOFFhết.Tắt hết đi rồi sao thấy vẫn bị như ở hình 1 vậy bạn nhĩ?load đầu tiên là nó mất hết CSS của cái menu Danh Mục chỉ hiện ra toàn chữ khi nào load xong nó mới hiện đầy đủ CSS,plugin LiteSpeed mình mới xài hôm qua nên cũng chưa rành về nó cho lắm.Giờ mà bỏ cái plugin này đi thì không được,nó load nhanh gấp mấy lần plugin super cache
Bạn làm xong đã “Purge All” cache của LiteSpeed Cache chưa? Plugin không tự động xóa cache khi bạn lưu thiết lập đâu.
Làm hết rồi,xem trang trực tiếp khi đang có tài khoản WP ADMIN thì không bị như ở hình 1,còn khi xem trang trên 1 trình duyệt khác và không đăng nhập tài khoản wp admin thì lại bị như hình 1
Giờ thỉnh thoảng load trang thì danh sách sản phẩm với cái footer nó lại bị lệch sang bên phải nữa rồi,lúc lệch lúc không
Mà thôi kệ để vậy xài tạm cũng được,cảm ơn bạn đã hỗ trợ!
Mình truy cập site của bạn đâu có thấy tình trạng như bạn mô tả?
có nên sài tích hợp giữ plugin litespeed với autoptimize k ạ
Trừ khi tính năng tối ưu CSS, JS, HTML của LiteSpeed Cache làm lỗi giao diện, còn nếu không thì không cần thiết phải cài thêm Autoptimize.
plugin litespeed nó cứ hiện lên như thế này :
Please disable/deactivate any other Full Page Cache solutions that are currently being used. LiteSpeed Cache does work with other cache solutions, but only their non-page caching offerings—such as minifying css/js files. For this scenario only, please uncheck “Check Advanced Cache” in LiteSpeed Cache settings.
trong khi e đã xóa plugin cache hết rồi.
Bạn kiểm tra thư mục wp-content xem có sót lại file nào của các plugin tạo cache/ tối ưu mã nguồn cũ không? Nếu có thì xóa đi. Nếu không thấy file nào thì cứ kệ nó. Chắc thằng LiteSpeed Cache nhầm lẫn thôi. Không ảnh hưởng gì cả.
Mấy hôm nay mình có thấy một số người đang sử dụng Swift Performance và so sánh với Lite Speed thì kêu là nó tốt hơn rất nhiều. Ko biết anh có thể làm cái review về cái Plug in này không anh :D
Mình có thử thằng này rồi. Chẳng qua đánh lừa được Google PageSpeed Insights thôi. Còn về performance thực tế thì không có cửa so với LiteSpeed Cache.