Есть альтернатива async для тега img?

Question

[Саша]

Подскажите пожалуйста, есть что нибудь подобное этому <script src="anything.js" async></script> только для тега <img/> ?
Суть в том, чтобы браузер загрузил картинки позже всех остальных картинок и файлов.

Answer 1

[Владимир]

О конкретно асинхронной загрузке - сомневаюсь. Но методы ленивой загрузки, которые не тормозят загрузку всей страницы, есть. В W3C планируют введение атрибута lazyload, но его пока никто не поддерживает, кажется. А так - либо jquery плагином lazyload, либо кастомным js-постлоадером, что по сути будет модифицированным lazyload'ом

Comments

[Саша]

Хочется это сделать без использования JS, вот и решил поискать решение в виде html атрибута.

[Владимир]

lazyload-атрибут пока в драфте (https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/... , как видите, уже довольно долго он там находится), так что ждать, пока его включат в спецификацию, а потом и в браузеры - вероятно, долго.

[Саша]

Владимир: практически как обычно)
Буду искать другое решение, спасибо за информацию!

Answer 2

[Алексей Уколов]

Такой альтернативы нет, но эту задачу можно решить при помощи javascript.
Эффект, которого вы хотите добиться, называется lazy loading (ну или просто при помощи таймера можно отложить загрузку, если lazy loading вам по каким-либо причинам не подойдет).
Для его достижения есть большое количество плагинов, библиотек и велосипедов.

Comments

[Саша]

lazy loading визуально показывает картинки по ходу скролла экрана к ихнему месторасположению, но прогружаются они вместе с загрузкой страницы, а не по мере прокрутки к ним, разве нет?

[Алексей Уколов]

Саша: lazy loading -> ленивая загрузка -> загрузка по требованию.
Пока пользователь до картинки не доскроллил, она не грузится.

[Алексей Уколов]

Это, конечно, от реализации плагина зависит, но как правило это именно ленивая загрузка, а не просто отображение.

[Саша]

Алексей Уколов: найду пару плагинов, потестирую. Спасибо.