Chào các bạn! Hôm nay, Khương muốn chia sẻ một câu chuyện nhỏ về một sai lầm mà Khương đã từng mắc phải trong quá trình xây dựng website của mình. Đó chính là việc không tìm hiểu và áp dụng Litespeed Cache sớm hơn. Nếu bạn là một người làm web, hãy lắng nghe một chút từ kinh nghiệm của Khương nhé!
Những ai đã từng tạo dựng website chắc hẳn hiểu rằng tốc độ tải trang là yếu tố cực kỳ quan trọng. Khương đã từng trải qua cảm giác lo lắng khi trang web của mình chạy chậm chạp. Khương đã thử đủ mọi cách, từ tối ưu hóa hình ảnh đến thay đổi hosting, nhưng hiệu quả vẫn không như mong đợi. Và rồi, một ngày đẹp trời, Khương tình cờ biết đến Litespeed Cache.
Litespeed Cache không chỉ là một công cụ hỗ trợ tăng tốc website, mà nó còn mang lại nhiều tính năng hữu ích khác. Việc cài đặt và cấu hình rất dễ dàng, thật sự khiến Khương cảm thấy như mình đã tìm thấy “chìa khóa vàng” cho vấn đề tốc độ trang web. Chỉ sau khi sử dụng Litespeed Cache, trang web của Khương đã nhanh hơn rất nhiều. Khương thực sự ước gì mình biết đến nó sớm hơn!
Vậy, nếu bạn đang băn khoăn về tốc độ trang web của mình, đừng để đến lúc như Khương, hãy thử ngay Litespeed Cache. Biết đâu nó sẽ giúp bạn tiết kiệm được rất nhiều thời gian và công sức, giống như Khương vậy. Chúc các bạn thành công trong hành trình xây dựng website của mì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
Cài đặt Plugin LiteSpeed Cache trên kho WordPress hoặc vào trang WordPress.org tải LiteSpeed Cache
LiteSpeed Cache là plugin miễn phí, có chức năng tối ưu maximum riêng cho Bot rất hữu ích. *Yêu cầu sever LiteSpeed
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.
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.
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: 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
Chuyển Tối ưu font chữ sang Swap để khắc phục Render Blocking do font chữ
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
Bước 6: Tối ưu HTML
Nên bật các cấu hình như trong ảnh.
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
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
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
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ị.
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
Và đây là kết quả Khương set up xong.
Cảm ơn các bạn đã đọc bài viết. Chúc các bạn thành công!
