Tối ưu việc nạp ảnh với Lazyload

Lazyload là plugin của jQuery cải thiện việc tải hình ảnh ở những trang web dài. Ảnh bên ngoài khung hình sẽ chỉ thể hiện khi người dùng kéo chuột tới. Sử dụng Lazyload ở những trang web dài với nhiều hình ảnh sẽ giúp cho trang được tải nhanh hơn, trong một số trường hợp nó còn giúp giảm tải cho máy chủ web.

Bước đầu tiên thì chúng ta sẽ tải Lazyload tại trang chủ lazyloadjQuery
Và để sử dụng thì chèn đoạn mã sau vào phần header của trang web:
Sau đó chúng ta sẽ chọn vùng cho Lazyload hoạt động

$(function() {
$(“img”).lazyload();
});

Ở đoạn code này thì Lazyload sẽ áp dụng trên tất cả các thẻ img, và bạn có thể sửa lại theo nhu cầu của mình, như chỉ chọn phần ảnh ở trong thẻ div với id là content:

$(“#content img”).lazyload()

Các bạn có thể xem demo Tại đây
Theo hmweb.com.vn

Về tieuyeuit
Lập trình viên Asp.net Tôi chia sẻ một,bạn chia sẻ một và chúng ta có rất nhiều!

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: