Plugin LiteSpeed Cache đang làm tốt nhiệm vụ trì hoãn (lazy load) iframe

Nếu lazy load ảnh có nhiều plugin hỗ trợ (ví dụ Flying Images, a3 Lazy Load) có chất lượng rất tốt giúp cải thiện tốc độ trang thì không có nhiều plugin như vậy làm tốt việc trì hoãn tải iframe.

iframe là thẻ bạn hay dùng khi muốn nhúng video từ YouTube, hoặc hộp likebox cho fanpage.

Và tôi trước đây thường sợ các app của bên thứ ba như vậy, vì chúng tải rất nhiều JS về, làm tốc độ trang giảm thảm hại. Nếu bạn muốn biết YouTube tải nặng như thế nào thì bạn đọc bài viết này.

Nhưng từ khi dùng plugin LiteSpeed Cache tôi thấy nó tối ưu rất tốt vấn đề đó.

Để tôi thử chèn video vào trang:

Và cả hộp likebox nữa:

Rồi kiểm tra quá trình tải của nó. Trong màn hình đầu tiền cả Youtube và Facebook không tải mã về:

trì hoãn tốt iframe

Kiểm tra bằng Google PageSpeed Insights cũng cho kết quả rất tốt:

điểm số GSI tốt

Chỉ đến khi tôi kéo chuột đến phần có video và hộp likebox nó mới tải mã về. Nhờ vậy website có tốc độ rất tốt trong lần tải ban đầu. Bạn có thể xem video bên dưới để hiểu rõ hơn:

Để bật tính năng tải lười iframe bạn chỉ cần vào Page Optimization > Media Settings > Lazy Load iFrames và để tùy chọn là ON.

2 thoughts on “Plugin LiteSpeed Cache đang làm tốt nhiệm vụ trì hoãn (lazy load) iframe”

    • Với LiteSpeed cache, em vào Page Optimization > Media Excludes > Lazy Load Image Excludes, em nhập tên file cần lazy load ảnh vào đây. Như trường hợp của em thì em nhập cái này vào: Logo-trung-tam-nang-khieu-nghe-thuat-Guitara-vn-160×64.png

      Reply

Leave a Comment