sunnyblik (sunnyblik) wrote,
sunnyblik
sunnyblik

Category:

lazy loading. черновик

1. Нативная ленивая загрузка встроенная в браузер.
Ван не надо писать никакой код, кроме добавления атрибута  в <img loading='lazy'> браузер
и браузер Chrome всё сделает за вас. Однако этот атрибут поддерживают не все браузеры.
Например Safary(декстоп и мобильный), а также android FireFox - не поддержижвает.

https://mathiasbynens.be/demo/img-loading-lazy - страница с кучей картнок кошек. Пример поддержки гугл хрома с встроенной поддержкой lazyloading.
Подбробнее об этом: https://web.dev/native-lazy-loading/ и https://css-tricks.com/a-native-lazy-load-for-the-web-platform/


2. Пишем сами.
https://css-tricks.com/tips-for-rolling-your-own-lazy-loading/
https://habr.com/ru/company/ruvds/blog/448914/ - использование нативной загрузки описанной в п1. и стороннего скрипта (для тех браузеров, кто не поддерживает)


https://siteclinic.ru/blog/internal-optimization/lazy-load/
Tags: javascript, lazyload
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments