В Chrome добавлена поддержка отложенной загрузки внешних вставок
Поддержка загрузки iframe-блоков после попадания в видимую область веб-страницы добавлена в новой версии браузера Chrome компанией Google, 26 июля сообщает русскоязычный сайт об открытом программном обеспечении OpenNet.
В Chrome 76 появилась отложенная загрузка iframe (блок, в котором загружается внешний относительно текущей веб-страницы документ) с изображениями. Теперь реализация полноценная. Возможность доступна как в браузере Chrome, так и Chromium.
При верстке страницы веб-мастер может указать атрибут loading тега iframe. Допустимые значения «lazy» (отложить загрузку), «eager» (загрузить сразу) и «auto» (отложить загрузку на усмотрение браузера при включенном режиме «Lite» для слабых соединений).
В режиме «lazy» или «auto», если он ведет себя в данных условиях, как «lazy», браузер не загружает данную вставку до тех пор, пока она не окажется на видимой части экрана.
К примеру, если страницу можно проматывать далеко вниз, и ниже видимой области находятся iframe-блоки с видеороликами, то они не будут загружены, пока пользователь не промотает страницу.
Если пользователь не промотает страницу до блока и закроет ее, то содержимое блока так и не будет загружено, экономя трафик, батарею мобильного устройства и уменьшая время загрузки.
В среднем подход позволит экономить 2-3% трафика и уменьшить ожидание отклика страницы на 2%. Однако в ряде случаев данная функция позволит значительно ускорить отрисовку страницы и снизить объем загружаемых данных. В том числе на ряде популярных сервисов, таких как Instagram или Facebook.
