Hướng dẫn tối ưu LiteSpeed Cache để tăng tốc WordPress

Mục lục
Litespeed Cache

Bạn có bao giờ cảm thấy website WordPress của mình load chậm như “rùa bò” và không biết làm sao để cải thiện chưa? Mình từng như vậy, và sai lầm lớn nhất của Khương là không biết đến LiteSpeed Cache sớm hơn. Sau khi khám phá công cụ này, mình nhận ra nó không chỉ miễn phí mà còn mạnh mẽ hơn nhiều plugin trả phí như WP Rocket. Trong bài viết này, mình sẽ chia sẻ trải nghiệm của mình và hướng dẫn bạn cách tối ưu LiteSpeed Cache để tăng tốc website một cách dễ dàng.

LiteSpeed Cache là gì?

LiteSpeed Cache là một plugin miễn phí giúp tăng tốc website WordPress bằng cách tận dụng công nghệ caching của máy chủ LiteSpeed. Không giống các plugin khác, nó tích hợp chặt chẽ với server, giảm thời gian tải trang xuống chỉ còn vài giây. Điều mình thích nhất? Nó hoàn toàn miễn phí và dễ dùng, ngay cả với người mới như mình lúc trước.

Tại sao LiteSpeed Cache vượt trội hơn WP Rocket?

Trước khi dùng LiteSpeed Cache, mình từng bỏ tiền mua WP Rocket vì nghe quảng cáo “tăng tốc đỉnh cao”. Nhưng sau khi thử cả hai, mình nhận ra:

  • Miễn phí vs trả phí: LiteSpeed Cache miễn phí, WP Rocket thì hơn $49/năm.
  • Hiệu suất: LiteSpeed Cache tận dụng máy chủ LiteSpeed (nếu hosting của bạn hỗ trợ), cho tốc độ vượt trội hơn caching thông thường.
  • Tính năng: Cả hai đều có Lazy Load, tối ưu CSS/JS, nhưng LiteSpeed Cache còn có QUIC.cloud CDN miễn phí.
    Sai lầm của tôi là không thử LiteSpeed Cache sớm hơn, cứ nghĩ “của miễn phí thì không ngon”. Giờ thì tôi đã đổi ý hoàn toàn!

(Gợi ý: Nếu bạn muốn chọn hosting tối ưu cho WordPress, xem thêm: Bạn nên thử Hosting Lifetime GetHost.One. Phê lắm! của mình nhé.)

Khương chia sẻ phần cài đặt của mình gửi đến các bạn tham khảo:

Bước 1: Cài đặt LiteSpeed Cache

Để bạn không “lạc lối” như mình lúc mới bắt đầu, đây là cách cài đặt đơn giản:

  1. Cài plugin: Vào WordPress Dashboard > Plugins > Add New > tìm “LiteSpeed Cache” > cài đặt và kích hoạt. hoặc vào trang WordPress.org tải LiteSpeed Cache
Cài đặt LiteSpeed Cache trên WordPress
Cài đặt LiteSpeed Cache trên WordPress

Bật cache: Vào LiteSpeed Cache > Cache > bật “Enable Cache”.

Bước 2: Cấu hình Cache

Vào mục bộ nhớ đệm > Các bạn bật công tắc như trong hình.

Cấu hình Litespeed Cache

Bước 3: Xóa Cache tự động

Tắt tất cả khi nâng cấp để tránh lỗi khi web tự cập nhật.

Tắt tính năng tự động cập nhật litespeed cache

Nên bỏ tick tất cả ở mục Tự động xóa cache khi cập nhật bài viết -> Tự quản lý cache

Bước 4 Litespeed

Bước 4: Tối ưu CSS

Chỉ nên bật Nén và Kết hợp CSS, tắt các cấu hình khác. Nếu web bị vỡ bố cục, hãy tắt bố cục CSS

Cách Tối ưu CSS Litespeed Cache

Chuyển Tối ưu font chữ sang Swap để khắc phục Render Blocking do font chữ

Chuyển Tối ưu font chữ sang Swap trên Litespeed cache

Bước 5: Tối ưu Javascripts

  • Chỉ nên bật Nén và Kết hợp JS, tắt các cấu hình khác.
  • **Bật Kết hợp JS bên ngoài và nội tuyến có thể làm mau hết dung lượng Hosting.
  • Tải JS trì hoãn: nên bật tùy chọn ở giữa để được trải nghiệm tốt nhất.
  • Nếu web bị vỡ bố cục hoặc lỗi JS, hãy tắt Kết hợp JS. Nếu vẫn còn lỗi, hãy tắt Tải JS trì hoãn
Cách cài đặt Tối ưu Javascripts trên litespeed Cache

Bước 6: Tối ưu HTML

Nên bật các cấu hình như trong ảnh.

Cách tối ưu HTML trên wordpress bằng litespeed cache
Bước 8.1 Litespeed

Bước 7: Tối Ưu Hình Ảnh, Media

Nên bật: Lazy Load hình ảnh, Trình giữ chỗ đáp ứng, Lazy Load Iframes

Hướng dẫn tối ưu Lazy Load hình ảnh, Trình giữ chỗ đáp ứng, Lazy Load Iframes

Nên để mặc định các cấu hình khác, hoặc tắt đi nếu chúng đang bật

Cấu hình chuẩn litespeed cache trên wordpress

Bước 8: Loại trừ Lazy Load ảnh LCP

  • Hình ảnh LCP nếu lazy load sẽ làm điểm LCP giảm rất thấp
  • Ô 1: Nhập link hình không muốn lazy load
  • Ô 2: Nhập html class của hình không muốn lazy load
  • Ô 3: Nhập class của thẻ HTML chứa hình không muốn lazyload
Cách Loại trừ Lazy Load ảnh LCP trong wordpress

Bước 9: Tối ưu Bot

  • Bật Chế độ khách và Tối ưu hóa Khách để áp dụng mức tối ưu maximum cho bot.
  • Tạo cache riêng cho bot với mức tối ưu cao nhất -> Bao gồm cả delay javascript -> cẩn thận cloaking nếu không kiểm soát tốt.
  • ** Đối với người dùng truy cập lần đầu, web sẽ kiểm tra có phải bot không và reload lại. Các lần sau không bị.
Tối ưu Bot để giảm delay trên wordpress

Bước 10: Quản lý Cache

  • Không xóa tất cả cache nếu thay đổi không áp dụng cho toàn bộ website
  • Thay vào đó, hãy xóa cache theo URL
Phần quản lý cache litespeed cache hiệu quả

Nhờ mấy mẹo này, site của tôi giờ đạt 100 điểm trên PageSpeed Insights!

Kết Quả Litespeed

(Gợi ý: Bạn có thể kết hợp LiteSpeed Cache với cách SEO YouTube để đa dạng kênh Social của mình nữa nhé!)

Sai lầm thường gặp khi dùng LiteSpeed Cache

Dùng sai cách có thể làm site chậm hơn đấy! Đây là 3 lỗi mình từng mắc phải:

  1. Không tắt plugin cache cũ: Mình để lại WP Rocket, gây xung đột và làm site lỗi. Hãy xóa hết plugin cache khác trước khi dùng.
  2. Không tối ưu hình ảnh trước: Ảnh nặng làm site vẫn chậm dù có cache.
  3. Bỏ qua hosting: LiteSpeed Cache phát huy tối đa khi hosting của bạn dùng máy chủ LiteSpeed. Tránh được mấy lỗi này, bạn sẽ thấy hiệu quả ngay.

Kết luận

LiteSpeed Cache thực sự là “báu vật” miễn phí mà mình ước mình biết sớm hơn. Chỉ cần cài đặt đúng và áp dụng vài mẹo nhỏ, website của bạn sẽ nhanh như gió mà chẳng tốn nhiều công sức. Bạn đã thử LiteSpeed Cache chưa? Hãy để lại bình luận chia sẻ trải nghiệm của bạn nhé, hoặc nếu cần thêm mẹo, cứ hỏi mình!

(Gợi ý : Xem thêm các plugin SEO miễn phí cho WordPress: 3 plugin SEO WordPress phổ biến cho SEOer mà mình đã tổng hợp.)

Bài viết nổi bật