Chrome ленивая загрузка родного изображения работает только внутри iframe - PullRequest
Новая
       19

Chrome ленивая загрузка родного изображения работает только внутри iframe

2 голосов
/ 12 апреля 2020

Chrome 81, FF 75 (последний на сегодня)

в Chrome встроенное изображение. Ленивая загрузка работает только внутри iframe. Почему? в FF работает хорошо

page1.htm (отложенная загрузка не работает в Chrome, но работает хорошо в FF): 

<p style="margin-bottom: 1000px;">Please scroll down. The image is below the viewport.</p>
<p style="margin-bottom: 1000px;">Please scroll down. The image is below the viewport.</p>
<img src="https://wallpaperplay.com/walls/full/5/e/a/218959.jpg" loading="lazy">

page2.htm (отложенная загрузка через iframe работает как в Chrome, так и в FF): 

<iframe src="page1.htm">

это ошибка Chrome? в FF он работает хорошо

(вы можете проверить отложенную загрузку изображения с помощью прокрутки и Инструменты разработчика -> Сеть)

1 Ответ

1 голос
/ 28 апреля 2020

У меня та же проблема, но только , когда изображение близко достаточно к области просмотра. В противном случае он загружается лениво.

Пожалуйста, попробуйте открыть этот минимальный рабочий пример в Chrome и медленно пролистать страницу вниз. Изображение будет загружено, когда область просмотра находится примерно посередине страницы. 

<html>
    <head>
        <style>
            .dummy {
                height: 700vh;
            }
        </style>
    </head>
    <body>
        <div class="dummy"></div>
        <img src="https://yasminfinch.com/wp-content/uploads/2015/03/Hello-icon-300x212.jpg" loading="lazy">
    </body>
</html>

Без уверенности могу предположить, что это функция, а не ошибка. Какая-то оптимизация. Это уменьшает вероятность того, что изображение загружается, когда, например, пользователь выполняет прокрутку вверх / вниз достаточно быстро.

...