Библиотеки для отложенной загрузки изображений (lazy load)
Технология Lazy Load — это один из этапов оптимизации сайта, который блокирует загрузку изображений вне области просмотра. Говоря иными словами, изображения загружаются по мере того, как пользователь прокручивает страницу. Таким образом, нужная область сайта быстрее появляется на экране, а остальное незаметно подгружается с небольшой задержкой. Для всех современных CMS существует множество плагинов, для одностраничных сайтов и самописныз CMS вы можете воспользоваться библиотеками.
Lazy Load XT jQuery
Lazy Load XT – многофункциональный jQuery плагин. Можно использовать версию jquery.lazyloadxt.js, в которой доступна только ленивая загрузка, или же расширенную версию jquery.lazyloadxt.extra.js. В расширенной версии можно загружать iframe, видео и все теги с атрибутом src.
Download | Demo
Анимированный загрузчик rogano-lazy
rogano-lazy – это современный загрузчик, написанный на чистом JavaScript без каких-либо зависимостей. Загрузчик изображений позволяет вам определить собственный CSS-класс для сломанного URL-адреса изображения, чтобы вы могли настроить резервное изображение при предоставлении недопустимого изображения. Он также имеет 5 анимаций, которые можно использовать при прокрутке. Download | Demo
Img2 библиотека для увеличения скорости загрузки страницы
Img2 – это веб-компонент, который последовательно загружает и предварительно кэширует изображения, чтобы улучшить время загрузки страницы. Также имеется эффект размытия изображения, который позволяет пользователю просматривать изображение до тех пор, пока изображение не будет полностью загружено. Download | Demo
Lazy Load библиотека – image-defer.js
image-defer.js – это библиотека JavaScript, которая откладывает загрузку изображений, чтобы уменьшить время загрузки страницы и улучшить впечатление. Download | Demo
Крошечная библиотека Javascript для отложенной загрузки изображений shimansky.biz
Небольшая библиотека Javascript (~ 2kb) используется для задержки загрузки изображений до тех пор, пока они не появятся в зоне просмотра браузера. Download | Demo
owLazyLoad
Загрузка изображений, iframes, видео и даже фоновых изображений для желаемых элементов DOM. Download | Demo
LazyLoad
Функция jQuery для постепенной загрузки элементов DOM. Download | Demo