XenForo hosting
  1. Diễn đàn SEO chất lượng, rao vặt miễn phí có PA, DA cao: okmen.edu.vn | batdongsan24h.edu.vn | aiti.edu.vn | vnmu.edu.vn | dhtn.edu.vn
    Dismiss Notice
    • ĐT: 0939 713 069
    • Mail: tanbomarketing@gmail.com
    • Skype: dangtanbo.kiet
    Dismiss Notice
  2. Chào Khách ! Công ty chúng tôi đang cần tuyển nhân viên SEO có kỹ năng như bạn đấy, nếu bạn đang muốn thay đổi môi trường làm việc tốt hơn thì gửi hồ sơ ứng tuyển vào mail: nhaxinhpro@gmail.com hoặc gọi gặp trưởng phòng 0939713069. Thân !
    Dismiss Notice

Lợi ích cho website mà bạn chưa biết

admin

Đơn vị tài trợ

* Gamebai.club - Cổng game bài lớn nhất VN
* Kien truc nhà xinh center tphcm
* Cong ty thiet ke nha uy tin
* Nha Xinh thiet ke biet thu dep tai VN
* Công ty nha xinh
* Công ty nha xinh
* Trang SEO và Rao Vặt
* Công ty biet thu dep
* Nha Xinh biet thu tai VN
* thiet ke nha dep kien truc
* thiet ke nha dep tphcm
* Trang web BET188 bóng đá

Thảo luận trong 'Phần Mềm Máy Tính' bắt đầu bởi Viện Thẩm Mỹ Á Đông, 23/6/20.

  1. https://www.nhaxinhcenter.com - LazyLoad Image With Script No Plugin
    Đối với một website, Image là một trong những yếu tố quan trọng để tạo nên một website. Bởi nó xuất hiện hầu hết ở mọi nơi như index, trang bài viết,… Tuy nhiên, với việc những hình ảnh mang độ sắc nét cao thì dung lượng của ảnh càng lớn. Do đó với dung lượng ảnh ngày càng lớn như vậy thì hiệu suất tốc độ của trang Web sẽ ngày càng giảm. Bởi thế mà LazyLoad đã được ra đời, nhằm hỗ trợ các bạn về việc này.

    Vậy LazyLoad là gì?
    Thông thường khi các bạn load một website thì toàn bộ nội dung từ trang web sẽ được tải về hết. Tuy nhiên, việc load toàn bộ nội dung như thế sẽ rất tốn tài nguyên. Bởi khi một người dùng vào website của bạn, bạn không thể chắc chắn rằng người dùng sẽ xem hết toàn bộ nội dung của bạn ngay được. Do đó lazyload sẽ giải quyết vấn đề này, thay vì bạn phải load toàn bộ nội dung trong một lần. Thì Lazyload giúp bạn việc xem đến đâu load đến đó. Việc này sẽ giúp bạn cải thiện tốc độ website của bạn rất nhiều.

    Lí do nên dùng Lazyload?
    Như mình đã nói ở trên, việc sử dụng Lazyload làm giảm việc tải dữ liệu lên trang >> tốc độ load website nhanh hơn và đỡ tốn tài nguyên hơn. Dưới đây là một đoạn gif demo về việc sử dụng lazyload các bạn xem qua nhé:

    =>> Xem thêm tin: Wolfactive
    [​IMG]

    Sử dụng Lazyload như thế nào?
    Bình thường khi chúng ta tạo một thẻ image như sau:

    <img src="#" alt="image" />
    Đây là định dạng cơ bản của image. Tuy nhiên khi bạn sử dụng Lazyload bạn cần phải thay src thành data-src.

    <img data-src="#" alt="image" class="lazy" />
    Ý nghĩa của src là khi chúng ta dùng src để tải ảnh lên thì việc load ảnh sẽ được thực hiện ngay. Tuy nhiên data-src thì load dữ liệu lên nhưng lại không hiển thị nó và nó bị ngăn chặn lại. Và nó cần phải có sự can thiệp vào của chúng ta để thực hiện việc hiển thị dữ liệu lên website. Ở đây bạn có thể làm tương tự đối với iframe, video,… tùy ý các bạn chứ không phải chỉ dùng mỗi trên image.

    Sau khi ngăn chặn việc load Images thì chúng ta cần thông báo cho trình duyệt biết khi nào cần load Images lên. Lúc này ta sẽ sử dụng Javascript để bắt sự kiện của người dùng để load images lên.

    Bây giờ mình sẽ viết scripts để bắt sự kiện của người dùng nhé. Ở đây mình sẽ viết theo 2 cách mà mình tìm hiểu được trong quá trình xem qua nhiều trang web.
     

    Nguồn: chuanmen.edu.vn

Chia sẻ trang này