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

Анимированный загрузчик  rogano-lazy

rogano-lazy – это современный загрузчик, написанный на чистом JavaScript без каких-либо зависимостей. Загрузчик изображений позволяет вам определить собственный CSS-класс для сломанного URL-адреса изображения, чтобы вы могли настроить резервное изображение при предоставлении недопустимого изображения. Он также имеет 5 анимаций, которые можно использовать при прокрутке. Download | Demo rogano-lazy

Img2 библиотека для увеличения скорости загрузки страницы

Img2 – это веб-компонент, который последовательно загружает и предварительно кэширует изображения, чтобы улучшить время загрузки страницы. Также имеется эффект размытия изображения, который позволяет пользователю просматривать изображение до тех пор, пока изображение не будет полностью загружено. Download | Demo img-2

Lazy Load библиотека – image-defer.js

image-defer.js – это библиотека JavaScript, которая откладывает загрузку изображений, чтобы уменьшить время загрузки страницы и улучшить впечатление. Download | Demo image-defer

Крошечная библиотека Javascript для отложенной загрузки изображений shimansky.biz

Небольшая библиотека Javascript (~ 2kb) используется для задержки загрузки изображений до тех пор, пока они не появятся в зоне просмотра браузера. Download | Demo shimansky

owLazyLoad

Загрузка изображений, iframes, видео и даже фоновых изображений для желаемых элементов DOM. Download | Demo owLazyLoad

LazyLoad

Функция jQuery для постепенной загрузки элементов DOM. Download | Demo LazyLoad

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.