На основании моего прочтения этой статьи на сайте разработчиков Google и моей памяти о том, как мой сайт работал, похоже, что ленивая загрузка стала новым значением по умолчанию. Это классно! Тем не менее, у меня есть сайт, который люди используют для просмотра библиотеки мультимедиа, и отложенная загрузка добавляет немного визуального рывка, поэтому я хотел бы отключить его в этом случае.
Я понимаю, что могудобавьте loading="eager"
в качестве атрибута тега img
, однако мой сайт работает так: я отображаю сетку из 60x video
элементов и использую атрибут poster
для отображения изображения до тех пор, пока пользователь hover
sснова, а затем воспроизводится видео в супер-низком разрешении.
loading="eager"
, похоже, не работает для плакатов video
элементов. Что мне делать?
Вот мой кодовый блок:
<video loading="eager" class="hoverToPlay" muted loop
preload="none" src="../media/?clip=1297&q=q"
poster="../media/?clip=1297&q=t"></video>