Всем привет! Мы продолжаем недавно открытую рубрику «Все для вебмастера«. Так как эти записи как правило не большие, я буду выпускать по две записи, одну с рубрики «Все для вебмастера», вторую запись с другой рубрики. Сегодня мы рассмотрим маленькую быструю библиотеку для «ленивой» загрузки изображений. Что это такое и сама библиотека далее.

Lazy loading Lazy loading — изображений (ленивая подгрузка картинок)

 Что такое «Ленивая подгрузка» (Lazy loading)? Вы наверняка видели сайты, у которых нет внизу ленты для переключения страниц, например такое:  <- Назад  1,2,3,4  Вперед-> — это стандартный подход, а Lazy loading это когда страниц нет, они автоматически загружаются по мере того, как вы приближаетесь (прокручиваете страницу) к концу страницы.

Самый яркий представитель «ленивой подгрузки» социальная сеть «Вконтакт», зайдите в новости и попробуйте дойти до низа страницы — не получиться, постоянно подгружается предыдущие (старые) новости.

Библиотека для подгрузки картинок — http://callmecavs.github.io/layzr.js/

Библиотека для подгрузки контента (любой html текст) —  Lazy Load Plugin for jQuery  http://www.appelsiini.net/projects/lazyload

Без js https://github.com/kaizau/Lazy-Load-Images-without-jQuery

На закуску у нас отличная эпическая музыка, для программирования то что нужно