Hướng dẫn cài đặt và sử dụng plugin LiteSpeed Cache

Tốc độ tải trang web là một yếu tố quan trọng ảnh hưởng trực tiếp đến trải nghiệm người dùng và thứ hạng SEO của trang web. Để tối ưu hóa tốc độ tải trang, LiteSpeed Cache là một trong những plugin mạnh mẽ và hiệu quả nhất mà bạn có thể sử dụng. Được phát triển đặc biệt cho máy chủ LiteSpeed, plugin này không chỉ giúp cải thiện tốc độ mà còn tối ưu hóa hiệu suất tổng thể của website. Trong bài viết này, VPSTTT sẽ hướng dẫn bạn cách cài đặt và cấu hình chi tiết LiteSpeed Cache để tận dụng tối đa những lợi ích mà nó mang lại cho trang web của bạn. Hãy cùng bắt đầu nào!

Nội Dung

LiteSpeed Cache là gì?

LiteSpeed Cache là một trong những plugin giúp tăng tốc website WordPress tốt nhất hiện nay, plugin có những tùy chỉnh cực sâu và phù hợp cho tất cả website từ nhỏ đến lớn. Bạn có thể gặp chút ít khó khăn khi mới dùng LiteSpeed Cache tuy nhiên việc cấu hình không quá phức tạp như bạn nghĩ, công việc của bạn chỉ là chọn yes hoặc no, hoàn toàn không cần code.

Hướng dẫn cài đặt LiteSpeed Cache

LiteSpeed Cache là một plugin hoàn toàn miễn phí được phát hành trên thư viện WordPress.org, để plugin hoạt động tốt nhất bạn cần hosting hoặc vps sử dụng LiteSpeed Web Server, việc mua hosting có LiteSpeed Web Server không quá khó khăn. Hiện tại LiteSpeed Cache đã được cài đặt sẳn, bạn chỉ cần sử dụng dịch vụ tại VPSTTT mà không mất thêm bất cứ khoản phí nào.

Hướng dẫn cấu hình LiteSpeed Cache

LiteSpeed Cache có khá nhiều cấu hình phức tạp nên mình quyết định lượt bỏ bớt nhưng phần không cần thiết, trong bài viết này mình chỉ hướng dẫn cấu hình đơn giản nhất, có thể tăng tốc độ tối đa mà không làm lỗi giao diện, sẽ không có preset nào chuẩn 100% cả vì vậy bạn cần phân tích tính năng của website, từ đó đưa ra cấu hình phù hợp.

Tổng quan

Đầu tiên bạn nhấp vào mục yêu cầu khóa tên miền, khóa tên miền giúp liên kết với QUIC.cloud để thực hiện nén ảnh, tạo CSS quan trọng, loại bỏ CSS thừa… Các tùy chọn còn lại bạn chọn tắt, cuối cùng hãy điền IP hosting vào, nhớ ấn lưu thay đổi để lưu lại mọi cài đặt

LiteSpeed Cache

Cache

Phần cấu hình cache tùy chọn như hình bên dưới, những phần còn lại để như mặc định.

Phần TTL nghĩa là thời hạn của cache, thời gian cache mặc định cho toàn bộ trang mình sẽ set là: 2,400,000 tương đương với khoảng 1 tháng, sau 1 tháng thì cache sẽ bị xóa và tạo lại tự đầu.

Ở phần dọn dẹp, cache sẽ tự động xóa mỗi khi cập nhật WordPress hoặc plugins themes, mình chọn tắt để đỡ mất công tạo lại cache.

Nhập url nếu bạn muốn loại trừ cache cho url đó, trên những web bán hàng mình sẽ loại trừ cache tại giỏ hàng, trang thanh toán, trang khách hàng…

Tiếp tục kéo xuống dưới cùng và loại bỏ cache roles.

Cache trình duyệt, sẽ luôn luôn bật sẳn nên bạn không cần thực hiện thao tác bật/ tắt:

Bật cải thiện khả năng tương thích HTTP/HTTPS, tính năng instant click sẽ giúp tải trang trước khi bạn di chuột vào một liên kết bất kỳ, tính năng chỉ hoạt động trên các liên kết nội bộ, nếu dùng hosting thì không nên bật tính năng này vì tiêu tốn khá nhiều tài nguyên.

CDN

Ở mục CDN bạn chọn tắt toàn bộ, nếu dùng CloudFlare thì chọn bật và điền email, API key và tên miền. Việc cấu hình CDN sẽ giúp thao tác xóa cache CloudFlare được thuận tiện hơn.

Đăng nhập vào dashboard trên CloudFlare chọn get your API key để lấy Global API key nhé.

 

Tối ưu hóa hình ảnh

Tính năng tối ưu hóa hình ảnh trên LiteSpeed Cache sẽ giúp nén hình ảnh, chuyển ảnh sang định dạng WebP miễn phí. Tuy nhiên lại có một khuyết điểm lớn đó là thời gian tối ưu khá lâu và chỉ miễn phí 1000 hình ảnh hàng tháng. Cách tốt hơn đó là sử dụng các plugin nén ảnh khác như: Smush, ShortPixel, Imagify.

Và nếu bạn vẫn muốn tối ưu hình ảnh bằng LiteSpeed Cache thì hãy cấu hình như bên dưới, chọn tắt thay thế hình ảnh WebP vì đây là một tính năng đòi hỏi cài đặt rất phức tạp. WebP thực sự không quá cần thiết với những trang web WordPress cỡ nhỏ, chỉ cần nén và lazy load là đủ.

Phần kiểm soát chất lượng hình ảnh bạn có thể set thông số tùy thích, số càng nhỏ thì dung lượng bị giảm càng nhiều và đồng nghĩa chất lượng cũng giảm theo, theo mình nên set từ 70 trở lên.

Tối ưu trang

Phần tối ưu trang rất quan trọng vì chỉ cần cấu hình sai rất có thể trang web của bạn sẽ bị vỡ giao diện, chọn cấu hình như bên dưới.

  • Nén CSS và kết hợp CSS: chọn bật
  • Tạo UCSS và UCSS inline: chọn tắt
  • Kết hợp CSS bên ngoài và nội tuyến: chọn bật
  • Tải không đồng bộ CSS và CCSS Per URL: chọn tắt
  • Thư viện CSS bất đồng bộ nội dòng: chọn bật
  • Tối ưu hóa hiển thị phông chữ: chọn swap

Cài đặt JS chọn y hệt như hình bên dưới.

Phần HTML bạn tùy chọn như bên dưới, copy danh sách dns và dán vào mục tìm nạp DNS, tùy chọn DNS Preconnect hoặc HTML Lazy Load Selectors bạn để trống.

  • Nén HTML: bật
  • Kiểm soát tìm nạp trước DNS: bật
  • Xóa các chuỗi truy vấn: bật
  • Tải không đồng bộ Google Fonts: bật
  • Xóa bỏ Google Fonts: tắt
  • Gỡ bỏ WordPress Emoji: bật
  • Gỡ thẻ Noscript: bật

Phần hình ảnh sẽ có cấu hình như sau:

  • Preload featured image: tải trước hình ảnh nổi bật ở đầu bài viết, điều này giúp tăng hiệu suất và giảm nguy cơ bị chặn hiển thị, chọn bật
  • Lazy load hình ảnh: giúp tải hình sau khi người dùng cuộn chuột đến, chọn bật
  • Basic image placeholder: để như mặc định
  • Trình giữ chỗ đáp ứng: khi hình ảnh chưa tải kịp sẽ có một khoảng màu lấp tương thích vào vị trí, chọn bật
  • Responsive placeholder color: đây là màu sắc sẽ thế chỗ nếu hình ảnh chưa tải kịp, nên chọn màu xám
  • Trình tạo đám mây LQIP: chọn tắt
  • Chất lượng LQIP và kích thước tối thiểu LQIP: để như mặc định
  • Tạo LQIP trong nền: chọn tắt
  • Lazy load iframes: iframe là các video nhúng Youtube hay Google Maps, chọn bật để lazy load
  • Add missing sizes: tự động thêm thuộc tính width và height cho hình ảnh, chọn bật

Cấu hình VPI như hình bên dưới, chọn bật tất cả.

Phần phương tiện không bao gồm sẽ giúp loại trừ các hình ảnh và class khỏi lazy load, bạn copy chính xác url hình ảnh hoặc class và dán vào là được.

Xem chính xác url hình ảnh trong thư viện.

Chọn bật để lưu bộ nhớ đệm Gravatar.

Phần tăng tốc để tất cả như mặc định, chọn loại trừ tối hóa cho tất cả các roles. Tab cuối cùng đó là tăng tốc CSS cũng để như mặc định.

Cở sở dữ liệu

Click vào xóa sạch, plugin sẽ tự động dọn dẹp và xóa những dữ liệu thừa, ví dụ như: bài đăng trong thùng rác, bình luận spam, bản nháp tự động…

Trình thu thập thông tin

Trình thu thập thông tin là tính năng giúp tạo trước cache cho toàn trang bằng sitemap, có thể tùy chỉnh thời lượng chạy và thời gian giữa các lần chạy, ở đây mình sẽ set thời gian chạy là 600s, khoảng nghỉ giữa các lần chạy là 120s.

Vào tab cài đặt sơ đồ trang web và điền sitemap vào, nên tạo sitemap Rank Math SEO.

Cuối cùng sau khi đã thiết lập hoàn tất, bạn click chạy theo cách thủ công, plugin sẽ sử dụng tài nguyên trên hosting để tạo cache cho danh sách trang trong sitemap, một vài nhà cung cấp hosting sẽ tắt tính năng này, bạn cần gửi ticket để yêu cầu họ mở.

Công cụ

Ở phần dọn dẹp chúng ta có thể chọn xóa cache ở một trang bất kỳ, chọn xóa toàn bộ để xóa cache toàn trang hoặc có thể chọn xóa cache cho từng url chỉ định.

Xóa cache nhanh bằng cách click biểu tượng ở topbar.

Cuối cùng là heartbeat, bạn chọn bật tất cả và set thời gian là 60s.

Khi xem đến đây mà bạn vẫn cảm thấy quá khó khăn và không thể tự cấu hình được thì hãy tải file cấu hình LiteSpeed Cache, sau đó vào mục xuất/nhập và tải file cài đặt lên, cấu hình mà mình chia sẻ chỉ tương đối, cần tùy chỉnh lại để phù hợp với website của bạn.

LiteSpeed Cache là một công cụ mạnh mẽ giúp bạn tối ưu hóa tốc độ và hiệu suất của website, mang lại trải nghiệm tốt nhất cho người dùng và cải thiện thứ hạng SEO. Qua hướng dẫn cài đặt và cấu hình chi tiết mà VPSTTT đã chia sẻ, hy vọng bạn đã có thể thiết lập và tối ưu hóa LiteSpeed Cache một cách dễ dàng và hiệu quả. Đừng quên thường xuyên kiểm tra và điều chỉnh cấu hình để đảm bảo trang web của bạn luôn hoạt động ở mức tốt nhất. Nếu bạn cần thêm hỗ trợ hoặc có bất kỳ câu hỏi nào, hãy liên hệ với VPSTTT để nhận được sự trợ giúp kịp thời. Chúc bạn thành công trong việc tối ưu hóa website của mình!