Всем привет! Мы продолжаем недавно открытую рубрику «Все для вебмастера«. Так как эти записи как правило не большие, я буду выпускать по две записи, одну с рубрики «Все для вебмастера», вторую запись с другой рубрики. Сегодня мы рассмотрим маленькую быструю библиотеку для «ленивой» загрузки изображений. Что это такое и сама библиотека далее.
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
На закуску у нас отличная эпическая музыка, для программирования то что нужно