Tối ưu WordPress với Plugin LiteSpeed cache

6
0

Tối ưu WordPress với Plugin LiteSpeed cache

Plugin LiteSpeed Cache (LSCache) là một công cụ mở rộng (plugin) phổ biến cho các trang web sử dụng máy chủ web LiteSpeed. LiteSpeed là một loại máy chủ web nhanh và hiệu quả được sử dụng rộng rãi, thường được coi là mạnh hơn và tiết kiệm tài nguyên hơn so với Apache hoặc Nginx.

Plugin LiteSpeed Cache (LSCache) cung cấp khả năng lưu trữ tạm thời (caching) nội dung của trang web để giảm thời gian tải trang và tối ưu hiệu suất. Khi một trang web được truy cập, plugin sẽ tạo bản sao tạm thời của trang đó và lưu nó lại. Khi người dùng truy cập lại trang web đó, nội dung tạm thời sẽ được phục vụ nhanh chóng thay vì phải xử lý lại từ máy chủ gốc, giúp giảm tải cho máy chủ và cải thiện trải nghiệm người dùng.

So sánh plugin LiteSpeed cache với các Plugin cache khác

Dựa vào bảng so sánh trên phần nào chúng ta thấy được LScache tốt hơn so với các dòng Plugin cách khác.

Tối ưu WordPress với Plugin LiteSpeed cache

Tổng quan tính năng cơ bản

LiteSpeed Caching plugin vẫn có thể chạy với các môi trường máy chủ khác như Apache, nginx, nhưng sẽ cung cấp các tính năng cơ bản.

  • Miễn phí CDN cache QUIC.cloud
  • Hỗ trợ Object Cache (Memcached/LSMCD/Redis)
  • Hỗ trợ nén ảnh (Lossless/Lossy)
  • Nén file CSS, JavaScript, và HTML
  • Nén inline & các CSS/JS ngoài (do bên thứ ba nhúng vào)
  • Gộp file CSS/JS
  • Tự động tạo Critical CSS
  • Tải chậm (Lazy-load) ảnh/iframe
  • Tạo ảnh placeholder trên đa thiết bị
  • Hỗ trợ nhiều nhà cung cấp CDN khác nhau
  • Tải CSS trễ
  • Bật Defer/delay JS
  • Hỗ trợ cache trình duyệt
  • Có công cụ dọn dẹp và tối ưu Cơ sở dữ liệu
  • Tối ưu chỉ số PageSpeed (bao gồm Core Web Vitals)
  • Hỗ trợ cache OPcode
  • Cung cấp HTTP/2 Push cho CSS/JS (tuỳ máy chủ hỗ trợ)
  • Sử dụng DNS Prefetch
  • Tích hợp Cloudflare API

Một số ưu điểm khác cũng của LiteSpeed WordPress plugin:

  • Có thể xuất/nhập tuỳ chọn của plugin
  • Giao diện khá dễ dùng và tuỳ biến sâu
  • Hỗ trợ định dạng ảnh WebP
  • Điều chỉnh tần suất Heartbeat

Tính năng đặc biệt chỉ có trên OpenLiteSpeed & LiteSpeed

Các nhóm tính năng phát triển riêng cho môi trường máy chủ web server OpenLiteSpeed, LiteSpeed bao gồm:

  • Tự động tạo cache trang
  • Tự động xoá cache trang liên quan theo thời điểm xác định
  • Cache riêng cho tài khoản đã đăng nhập
  • Caching các request của WP REST API
  • Chia bản cache cho mobile và máy tính riêng
  • Có thể lên lịch xoá cache cho các URL set riêng
  • Hỗ trợ tương thích với WooCommerce, bbPress
  • Có sẵn WP-CLI để gõ lệnh nhanh hơn
  • Có hệ thống API để tích hợp cache dễ dàng
  • Có thể cấu hình loại trừ cache theo URI, danh mục, tag, cookie, User Agent
  • Có crawler (máy) thu thập trước (preload) theo sitemap
  • Có nhiều crawler (máy) cho các bản cache khác nhau
  • Hỗ trợ HTTP/2 support
  • Hỗ trợ HTTP/3 & QUIC
  • Hỗ trợ ESI (Edge Side Includes)

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

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

Bạn truy cập vào admin WordPress sau đó tìm tên Plugin litespeed và chọn Install Now để cài đặt

image 1

2. Thiết lập chung theo Presets có sẵn

Một điểm đặc biệt mà tôi rất thích là LiteSpeed cache cung cấp cho chúng ta các Presets có sẵn. Mỗi Presets đã được tối ưu theo từng bậc khác nhau. Tuỳ vào nhu cầu sử dụng và hiện trạng website bạn hãy chọn những Presets phù hợp để sử dụng.

image 2

Một số Presets của LiteSpeed đã tạo sẵn như:

2.1. Essentials

Cài đặt này không có rủi ro, phù hợp với tất cả các web, tốt cho người dùng mới, trang web đơn giản hoặc phát triển theo định hướng bộ nhớ cache

  • Default Cache
  • Higher TTL
  • Browser Cache

2.2. Basic

Cài đặt này rủi ro thấp, tối ưu hoá cơ bản cho tốc độ tải và trải nghiệm người dùng. Thích hợp cho người mới bắt đầu

  • Everything in Essentials, Plus
  • Image Optimization
  • Mobile Cache

2.3. Advanced (Recommended)

Cài đặt này phù hợp hầu hết các trang web và không có khả năng gây ra xung đột. Mọi xung đột về CSS, JS có thể được giải quyết bằng công cụ Page Optimization => Tuning tools.

  • Everything in Basic, Plus
  • Guest Mode and Guest Optimization
  • CSS, JS and HTML Minification
  • Font Display Optimization
  • JS Defer for both external and inline JS
  • DNS Prefetch for static files
  • Gravatar Cache
  • Remove Query Strings from Static Files
  • Remove WordPress Emoji
  • Remove Noscript Tags

2.4. Aggressive

Cài đặt này có thể hoạt động tốt đối với một số trang web, những hãy chắc chắn kiểm tra. Một số loại trừ CSS hoặc JS có thể điều chỉnh trong Page Optimization => Tuning tools.

  • Everything in Advanced, Plus
  • CSS & JS Combine
  • Asynchronous CSS Loading with Critical CSS
  • Removed Unused CSS for Users
  • Lazy Load for Iframes

2.5. Extreme

Cài đặt trước này gần như chắc chắn sẽ yêu cầu thử nghiệm và loại trừ đối với một số hình ảnh CSS, JS và Lazy Loaded. Đặc biệt chú ý đến logo hoặc hình ảnh thanh trượt dựa trên HTML.

  • Everything in Aggressive, Plus
  • Lazy Load for Images
  • Viewport Image Generation
  • JS Delayed
  • Inline JS added to Combine
  • Inline CSS added to Combine

3. Thiết lập thủ công

Tuỳ chọn này dành cho chuyên gia, đã hiểu rõ cơ chế và sự hoạt động của LiteSpeed cache và website đang cấu hình.

3.1 Thiết lập chung

Các bước đầu tiên để sử dụng LS Cache trên website WordPress như sau:

  • Bật cache Enable Cache lên.
  • Bật chế độ Guest Optimization: phục vụ tối ưu cache cho người dùng chưa đăng nhập.
  • Tắt chế độ Cache Logged-in Users cho người dùng đã đăng nhập, chỉ nên bật trừ khi bạn có trang đăng nhập cho khách hàng.
  • Bật Cache REST API
  • Bật Cache Login Page
  • Bật Cache Favicon
  • Bật Cache PHP Resources
  • Tắt Cache Mobile, trừ khi bạn có bản AMP riêng

3.2 Tối ưu CSS

  • Bật CSS Minify: nén dung lượng file CSS
  • Tắt CSS Combine: gộp file CSS; nên bật nếu thấy dấu hiệu tài nguyên quá nhiều file CSS
  • Tắt UCSS và các tuỳ chọn của nó, nên tắt cùng với CSS Combine.
  • Tắt Load CSS Asynchronously (tải CSS trễ), vì có thể gây giật trang
  • Tắt CCSS Per URL, cái này sẽ tạo CSS quan trọng theo từng post type
  • Bật Inline CSS Async Lib, nó giúp hiện sớm style trong trang
  • Để nguyên mặc định Font Display Optimization

3.2 Tối ưu Javascript

  • Bật JS Minify để nén dung lượng file JS
  • Tắt JS Combine, gộp nhiều file JS vào làm một.
  • Tắt JS Combine External and Inline, nên tắt cùng JS Combine, cho phép gộp JS nhưng bao gồm cả các file JS ngoài gọi vào
  • Đặt Load JS Deferred thành Delayed (load khi có tương tác) nếu không lỗi, hoặc Deferred (khi tải xong HTML).

3.3 Tối ưu HTML

  • Bật HTML Minify, nén dung lượng HTML
  • Nhập danh sách các domain sẽ tải trước DNS vào DNS Prefetch
  • Bật DNS Prefetch Control
  • Tải trễ các class HTML theo class/id thì nhập vào HTML Lazy Load Selectors
  • Tắt Remove Query Strings
  • Tắt Load Google Fonts Asynchronously vì có thể sử dụng Browser Caching.
  • Bật Remove Google Fonts, và chỉ tắt nếu đã sử dụng font khác trong giao diện có sẵn, không tải từ link Google Fonts CDN.
  • Tắt Remove WordPress Emoji, trừ khi trong bài viết copy hoặc chèn kí tự emoji.
  • Tắt Remove Noscript Tags

3.4 Tối ưu Media

  • Bật Lazy Load Images, giúp tải ảnh trễ hơn và giảm tải ban đầu khi tải trang.
  • Bật Responsive Placeholder, vì giúp thay thế ảnh mặc định trước khi tải ảnh thật.
  • Tắt LQIP Cloud Generator và các tùy chọn LQIP khác, giúp tạo một bản dung lượng ảnh thấp trước khi tải xong ảnh gốc.
  • Bật Lazy Load frames
  • Bật Add Missing Sizes
  • Bật Inline Lazy Load images Library
  • Ngoài ra có thêm các tuỳ chọn Exclude (loại trừ) vd như cho class=”lazyload” thì sẽ không bị LSCache áp dụng lazyload vào.

3.5 Tối ưu Database

image 3

3.6 Kích hoạt Crawler

“Crawler” là một tính năng cho phép tạo và lưu trữ phiên bản cache của các trang web chưa được ghé thăm. Tính năng này giúp cải thiện hiệu suất tải trang đối với các truy cập đầu tiên từ người dùng hoặc các robot tìm kiếm.

Khi một trang web mới được tạo hoặc khi bạn thêm nội dung mới vào trang web của mình, chưa có bản cache cho các trang này. Trong môi trường bình thường, khi một người dùng hoặc robot tìm kiếm truy cập vào những trang chưa được cache, máy chủ web phải xử lý yêu cầu này và tạo bản cache cho trang đó trước khi trả về cho người dùng. Điều này có thể làm giảm tốc độ tải trang và làm gia tăng tải cho máy chủ.

khi tính năng Crawler trong LiteSpeed Cache được bật, nó sẽ tự động quét và tạo bản cache cho các trang web chưa được cache trước đó. Quá trình quét này thường xuyên diễn ra theo lịch trình được cài đặt trước đó (ví dụ: mỗi giờ hoặc mỗi ngày). Nhờ tính năng này, khi một người dùng hoặc robot tìm kiếm truy cập vào những trang web chưa được cache, máy chủ sẽ có sẵn bản cache sẵn có, và trang sẽ được trả về nhanh chóng mà không cần xử lý lại.

image 4

Kết luận

LiteSpeed Cache là một plugin mạnh mẽ và hiệu quả để tối ưu hóa trang web WordPress của bạn. Việc sử dụng plugin này giúp tăng tốc độ trang web, cải thiện SEO, giảm tải máy chủ và cung cấp trải nghiệm người dùng tốt hơn. Với sự dễ dàng trong cài đặt và sử dụng, bạn có thể nhanh chóng thấy hiệu quả và đem lại lợi ích lâu dài cho trang web của mình. Hãy cùng thử nghiệm và tối ưu hóa trang web WordPress của bạn ngay hôm nay với LiteSpeed Cache!

Đỗ Trung Quân
WRITTEN BY

Đỗ Trung Quân

Nguồn nội dung này đến từ Website DoTrungQuan.info

Trả lời