Как правило, нам нужно написать JavaScript для обработки изображения ленивой нагрузки, часто в виде обработчика прокрутки или пересечения:
Но теперь есть экспериментальная особенность, где вы можете просто использовать loading = "ленивый" Для достижения того же результата:
С помощью атрибута загрузки установлено на ленивый Браузер сделает все тяжелые подъемные и загрузит только источники изображения после прокрутки пользователей вблизи изображения. Нам даже не нужно использовать изображения заполнителя, чтобы сохранить нашу разметку?
На данный момент эта функция поддерживается в Chrome, Edge и Firefox. Давай, Safari - получите с ним!
Вот видео, использующее это в действии:
Посмотрите больше #Jsbits в моем блоге, jsbits-yo.com Отказ Или следовать за мной на Twitter и ТИК Так
Оригинал: "https://dev.to/js_bits_bill/simple-lazy-loading-4i75"