Как бы лениво загрузить компоненты на прокрутку? - PullRequest
0 голосов
/ 01 июля 2019

Вот и все.

Я понимаю, как загрузить компонент, используя рутер, но, скажем, у меня есть компонент нижнего колонтитула с картой Google.

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

Но я бы хотел загрузить его в какой-то момент.

Как я могу это сделать?

1 Ответ

0 голосов
/ 01 июля 2019

Это может быть, а может и не выходить за рамки вашего вопроса, но встроенная ленивая загрузка изображений и фреймов будет поддерживаться в Chrome ~ 75 года.Согласно этому сообщению в блоге Адди Османи (который работает в Chrome), ленивая загрузка может быть включена с помощью атрибута loading:

<img src="celebration.jpg" loading="lazy" alt="..." />
<iframe src="video-player.html" loading="lazy"></iframe>

Я не уверен, когда будетон будет выпущен для производства, но я очень взволнован этим новым атрибутом, так как это будет означать, что мы сэкономим тонну кода JavaScript / TypeScript и уменьшим потребность во всех других внешних зависимостях.

Тем не менее, если вам интересно отслеживать ход реализации атрибута loading, не стесняйтесь заглянуть по этой записи .Об этом много говорится.

Принятие:

Совместимость и совместимость

Firefox: нет публичных сигналов

Edge: нет общедоступных сигналов

Safari: некоторая общедоступная поддержка Разработчик WebKit упомянул, что Apple заинтересована в такого рода функциях и является рецензентом по запросу извлечения спецификации LazyLoad.

Веб-разработчики: положительные сигналы Тема на WICG о отложенной загрузке изображений

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...