Ленивая загрузка HTML замедляет загрузку изображений

#javascript #cordova #lazy-loading

#javascript #кордова #ленивая загрузка

Вопрос:

Я использую собственный lazyload атрибут для ленивой загрузки изображений в приложении Cordova, но время от времени изображения не загружаются быстро после того, как они находятся в окне просмотра (может потребоваться до 4 секунд после того, как они находятся в окне просмотра перед загрузкой). Это непоследовательно и, похоже, связано с наличием другого текущего сетевого запроса. В chrome dev tools я вижу, что изображения получают приоритет «Низкий», и медленная загрузка, похоже, происходит, когда одновременно выполняется другой запрос с приоритетом «Высокий». Есть ли способ предотвратить это? Подсказки по ресурсам, такие как <link rel="preload" href="my-img.jpeg" as="image"> (см. Здесь ), не будут работать для меня, потому что это динамически загружаемые изображения, поэтому я не могу загрузить их заранее. Похоже, функция приоритетных подсказок Google будет тем, что мне нужно ( importance="high" и importance="low" ), но это все еще пробная версия Origin, поэтому я не могу использовать ее в производстве. Есть ли другие способы увеличить приоритет загрузки загруженных изображений при использовании собственного lazyload атрибута? Спасибо!

Комментарии:

1. Я не поклонник ленивой загрузки изображений именно по этой причине

2. Да, теперь я учусь на собственном горьком опыте. Есть идеи, как обойти это?

3. Если вы настроены на использование отложенной загрузки, вы можете использовать кэш на серверной части. В интерфейсе я рекомендую вам заглянуть в IndexedDB

4. Предварительная загрузка с <link rel... помощью в любом случае превосходит цель ленивой загрузки…

5. @ControlAltDel Можете ли вы еще немного объяснить, как будет работать ваше предложение IndexedDB?