• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Hướng dẫn lazyload hình ảnh với plugin LiteSpeed Cache
hosting-tot-nhat-danh-cho-wordpress

Hướng dẫn lazyload hình ảnh với plugin LiteSpeed Cache

Cập nhật: 28/06/2020 Trung Hiếu 31 Bình luận

Mục lục Hiện
  • 1. Tại sao tôi quay về với lazyload của LiteSpeed Cache?
  • 2. Lazyload hình ảnh với plugin LiteSpeed Cache

Hướng dẫn lazyload hình ảnh với plugin LiteSpeed Cache, tăng tốc độ load cho website của bạn.

huong-dan-lazyload-hinh-anh-voi-plugin-litespeed-cache

Nếu các bạn còn nhớ thì trước đây tôi đã từng có 1 bài viết giới thiệu về plugin lazyload hình ảnh chính thức từ Google rồi phải không nào? Trong một thời gian khá dài, tôi đã sử dụng plugin này tăng tốc độ load cho blog WP Căn bản cũng như các site vệ tinh trong hệ thống. Cho đến ngày Google giới thiệu thuật toán xếp hạng trải nghiệm trang, việc blog bị đánh giá load chậm trên mobile đã buộc tôi phải tìm một giải pháp khác. Lúc này, LiteSpeed Cache lại một lần nữa được gọi tên.

Tham khảo thêm:

  • Lazyload hình ảnh với plugin chính thức từ Google
  • Hướng dẫn load ảnh WebP bằng plugin LiteSpeed Cache

Tại sao tôi quay về với lazyload của LiteSpeed Cache?

Có 2 nguyên nhân chính:

  • LiteSpeed Cache đang là plugin chủ lực mà tôi sử dụng để tối ưu tốc độ load cho wpcanban.com. Việc sử dụng luôn tính năng lazyload của nó sẽ tạo ra sự đồng bộ, giúp website hoạt động mượt mà hơn, ổn định hơn, tương thích tốt hơn với các tính năng khác của plugin LiteSpeed Cache.
  • Nhanh và nhẹ hơn những plugin như “Native Lazyload” hay “Lazy Loading Feature Plugin” rất nhiều. Tôi đã test thử với GTmetrix và nhận thấy rằng việc chuyển từ các plugin hỗ trợ native lazyload sang lazyload của LiteSpeed Cache giúp giảm khoảng 50KB page-size trang chủ của wpcanban.com (từ khoảng 155KB xuống còn 105KB). Đối với những plugin lazyload khác thì càng không cần phải bàn đến.

Lazyload hình ảnh với plugin LiteSpeed Cache

Nếu bạn muốn được hỗ trợ thiết lập plugin LiteSpeed Cache theo cách chuẩn nhất và hoàn toàn miễn phí, đừng quên tham khảo dịch vụ WordPress Hosting của chúng tôi.

1. Trước tiên, hãy đảm bảo bạn đã tắt tính năng lazyload hình ảnh của theme (nếu nó được tích hợp sẵn) cũng như xóa bỏ những plugin có tính năng tương tự được cài đặt trước đó.

2. Tiếp theo, truy cập LiteSpeed Cache => Page Optimization => [4] Media Settings => Thiết lập tương tự như hình bên dưới.

thiet-lap-lazyload-hinh-anh-voi-plugin-litespeed-cache

Trong đó:

  • Chuyển các mục Lazy Load Images, Responsive Placeholder và Lazy Load Iframes sang trạng thái ON. Việc này không những giúp bạn lazyload hình ảnh mà còn lazyload cả các iframe nữa.
  • Đối với các mục còn lại, các bạn để trạng thái OFF hoặc theo mặc định của plugin.
  • Riêng đối với mục Inline Lazy Load Images Library, các bạn nên test thử tốc độ khi để ở trạng thái ON/ OFF để đưa ra lựa chọn phù hợp nhất. Cái này tùy thuộc vào từng website mà sẽ có hiệu quả khác nhau.

Click vào nút Save Changes để lưu lại. Xóa cache của LiteSpeed (Purge All – LSCache) và sử dụng các công cụ như GTmetrix hay Google PageSpeed Insights để kiểm tra kết quả. Chúc các bạn thành công!

Bạn có đang sử dụng tính năng lazyload hình ảnh trên website WordPress của mình không? Bạn đã sử dụng plugin hay tính năng có sẵn của theme để làm điều đó? Hãy cho chúng tôi biết ý kiến của bạn về tính năng lazyload của plugin LiteSpeed Cache thông qua khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản
Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản
Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Tính năng Crawl Optimization của plugin Yoast SEO
Tính năng Crawl Optimization của plugin Yoast SEO

Chuyên mục: Thủ thuật WordPress Thẻ: LiteSpeed Cache/ Tăng tốc WordPress

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Sử dụng Statically CDN để tăng tốc WordPress
Bài viết sau Tối ưu database WordPress với plugin LiteSpeed Cache »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Đăng 9 bình luậnviết

    21/10/2023 lúc 08:54

    Bài viết rất hữu ích, cám ơn bác.
    Sau khi tối ưu bằng LSC với các bài hướng dẫn của bác thì điểm số đã xanh lè :D.
    Còn một vấn đề em đang thiết lập chưa được là sau khi tối ưu và lazyload ảnh thì ảnh hiển thị rất rất chậm, ảnh hưởng rất lớn đến người đọc :(
    Em đã tắt lazyload của theme và đang dùng lazyload của LSC như bài hướng dẫn của bác. WP cũng mặc định có lazyload vậy có nên tắt lazyload của LSC hay của wp (em đang dùng wp 6.3.2) để tối ưu người dùng hơn không ạ? Hay bác có thể gợi ý thêm cách nào để hiển thị ảnh tốt hơn không ạ?
    Cám ơn bác.

    Bình luận
    • Trung Hiếu Quản lýviết

      21/10/2023 lúc 09:06

      1. “ảnh hiển thị rất rất chậm, ảnh hưởng rất lớn đến người đọc” => bản chất của lazyload hình ảnh là ưu tiên hiển thị text trước, hiển thị hình ảnh sau. Nếu bạn muốn giảm thiểu mức độ delay của hình ảnh thì vào LiteSpeed Cache => Page Optimization => [5] VPI => chuyển các mục Viewport Images và Viewport Images Cron sang trạng thái ON.
      2. “WP cũng mặc định có lazyload vậy có nên tắt lazyload của LSC hay của wp” => mình tắt lazyload của WP và dùng lazyload của LiteSpeed. Vì mình test thấy khi dùng lazyload của LiteSpeed thì page-size của mình nhỏ hơn.

      Bình luận
      • Đăng 9 bình luậnviết

        21/10/2023 lúc 09:30

        Cám ơn bác đã trả lời nhanh.
        1. Chỉnh [5] VPI => Em đã bật ON cả 2 trước rồi mà vẫn chậm đó ạ
        2. Để em dùng cách này xem có cải thiện gì không, không biết do bật cả 2 cùng lúc nên xung đột hay sao nữa ạ.
        Em chèn code tắt lazyload từ bài hướng dẫn https://wpcanban.com/wordpress/thu-thuat-wordpress/vo-hieu-hoa-lazy-load-hinh-anh-mac-dinh-cua-wordpress.html

        Bình luận
        • Trung Hiếu Quản lýviết

          21/10/2023 lúc 09:39

          1. “Em đã bật ON cả 2 trước rồi mà vẫn chậm đó ạ” => site bạn phải kết nối dịch vụ QUIC.Cloud thì tính năng này mới hoạt động. Nó tiêu tốn credit.
          2. Nhiều lúc hình ảnh load chậm là do thời gian load các tài nguyên khác quá dài. Ví dụ site của bạn có nhiều file CSS, JS… và kết nối mạng của bạn kém hoặc host quá chậm (hoặc server đặt ở vị trí quá xa người dùng) thì nó cũng là nguyên nhân khiến ảnh load chậm.

          Bình luận
          • Đăng 9 bình luậnviết

            21/10/2023 lúc 09:50

            1. À vậy ạ @@
            2. Dạ để em test thiết lập thêm.
            Cám ơn bác.

« 1 2

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Thủ thuật CloudFlare

Sửa lỗi WordPress

Thủ thuật LiteSpeed

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Xóa base slug của custom post type và taxonomy 04/07/2025
  • Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản 30/06/2025
  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025

Bình luận mới nhất

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Tịnh Nguyễn trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress
  • dự án vlasta hải phòng trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.007 Bài viết - 35.554 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting