Ленивая загрузка изображений с семантической разметкой

У меня очень богатый изображениями сайт. Чтобы сохранить пропускную способность для пользователей, я хотел бы лениво загружать изображения, когда они входят в порт просмотра. Для этого существуют разные плагины jQuery и подобные. Это происходит за счет размещения фактического URL-адреса изображения не в атрибуте src, а в другом месте. Это делает разметку менее приятной и, что еще хуже, менее понятной для поисковых роботов.

Есть ли способ иметь как ленивую загрузку изображений, так и семантическую, удобную для поисковых систем разметку?


person friism    schedule 16.04.2013    source источник


Ответы (2)


Вам не нужно помещать src изображения в другое место. Есть нет. доступных плагинов. Перейдите по следующей ссылке: http://www.appelsiini.net/projects/lazyload.

person Harpreet    schedule 16.04.2013
comment
Это неверно, плагин, на который вы ссылаетесь, использует заполнитель в src и фактический URL-адрес в атрибуте data-original. - person friism; 16.04.2013
comment
О, я вижу, проверьте эту ссылку, если она может вам помочь: webmasters.stackexchange.com/questions/26190/ - person Harpreet; 16.04.2013

Обратите внимание, что теперь <img loading="lazy" стандартизирован, поэтому вы можете просто оставить src в качестве фактического источника, и все отлично работает с семантикой, подробнее по адресу: Как заставить изображения лениво загружаться только тогда, когда они находятся в окне просмотра?

person Ciro Santilli 新疆再教育营六四事件ۍ    schedule 21.04.2020