Site icon Vavik96

Библиотеки для отложенной загрузки изображений (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

Exit mobile version