The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]

В Chrome добавлена поддержка отложенной загрузки iframe-блоков

26.07.2020 11:02

Разработчики браузера Chrome сообщили о расширении средств для отложенной загрузки элементов web-страниц, позволяющих не загружать содержимое, находящиеся вне видимой области, до тех пор, пока пользователь не прокрутит страницу в место, непосредственно предшествующее элементу. Ранее в Chrome 76 и Firefox 75 данный режим уже был реализован для изображений. Теперь разработчики Chrome сделали ещё один шаг и добавили возможность отложенной загрузки iframe-блоков.

Для управления отложенной загрузкой страниц в тег "iframe" добавлен атрибут "loading", который может принимать значение "lazy" (откладывать загрузку), "eager" (загружать сразу) и "auto" (откладывать загрузку на усмотрение браузера, при включении режима Lite). Предполагается, что отложенная загрузка позволит сократить потребление памяти, снизить трафик и увеличить скорость начального открытия страниц. Например, при включении нового режима перестанут сразу загружать блоки с рекламой и виджетами Twitter, Facebook и YouTube, если они не видны пользователю, пока пользователь не прокрутит страницу на позицию перед этими блоками.

По оценке разработчиков в среднем отложенная загрузка позволит сэкономить 2-3% трафика, сократить число начальных отрисовок на 1-2% и уменьшит задержку перед доступностью ввода на 2%. Для конкретных сайтов изменения более заметны. Например, включение отложенной загрузки YouTube-блока приведёт к снижению загружаемых данных приблизительно на 500КБ, Instagram - на 100КБ, Spotify - 500КБ, Facebook - 400КБ. В частности, применение отложенной загрузки youtube-блоков на сайте Chrome.com позволило на мобильных устройствах до 10 секунд снизить время ожидания доступности страниц для начала взаимодействия и на 511КБ сократить размер изначально загружаемого JavaScript-кода.



  1. Главная ссылка к новости (https://web.dev/iframe-lazy-lo...)
  2. OpenNews: Chrome начнёт блокировать ресурсоёмкую рекламу
  3. OpenNews: В Firefox появится режим отложенной загрузки изображений
  4. OpenNews: В Chromium доступна отложенная загрузка iframe и изображений. Тестовый выпуск Microsoft Edge
  5. OpenNews: Оценка влияния на производительность популярных дополнений к Chrome
  6. OpenNews: Chrome, Firefox и Safari ограничат время жизни TLS-сертификатов 13 месяцами
Лицензия: CC BY 3.0
Короткая ссылка: https://opennet.ru/53432-chrome
Ключевые слова: chrome, iframe
При перепечатке указание ссылки на opennet.ru обязательно


Обсуждение (47) Ajax | 1 уровень | Линейный | +/- | Раскрыть всё | RSS
  • 1.1, Аноним (1), 11:34, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +/
    > сэкономить 2-3% трафика, сократить число начальных отрисовок на 1-2% и уменьшит задержку перед доступностью ввода на 2%

    Т.е. незаметно будет.

     
     
  • 2.15, . (?), 13:13, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • –2 +/
    > Т.е. незаметно будет.

    тебе незаметно (заметно будет что тормозит сайт), гуглю заметно - в iframe ведь часто youtube на сайтах вставляют.
    Чуваку премию дали, а может даже повысили в должности.

    Ведь он сэкономил 2% гуглю!
    А ты жри на лопате.


     
     
  • 3.26, НяшМяш (ok), 16:53, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +6 +/
    А я бы сказал, что будет очень заметно как раз с iframe ютуба. Бывает какую-нибудь ленту листаешь, где 50 штук видосов с ютуба вставили, так пока эти все жирные айфреймы прогрузятся аж страница не прокручивается.
     
     
  • 4.32, . (?), 18:33, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • –1 +/
    Ну во-первых, не понимаю, а зачем ты ее листаешь такую вообще - если на сайте принято часть информации размещать в виде видосиков, наверное, стоит их смотреть, или не стоит вообще туда ходить.

    Во-вторых, _листаться_ от этого быстрее не будет, будет медленнее - так бы оно загрузилось фоном, пока ты верхний смотришь, а так - будет подгружаться по мере пролистывания, вот спасибо-то!

    Но вот если ты такой сайт сразу закроешь неглядя - то ютубу и гуглю будет экономия ;-)

     
     
  • 5.33, Аноним (33), 18:45, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • –5 +/
    > будет медленнее

    Это на каком железе и в каких браузерах прокрутка тормозит от обилия встроенных видосиков? Pale Moon? У меня на четвертопне в Firefox 60 и Chromium 80 не тормозит.

     
  • 5.36, НяшМяш (ok), 21:57, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +1 +/
    > Ну во-первых, не понимаю, а зачем ты ее листаешь такую вообще -
    > если на сайте принято часть информации размещать в виде видосиков, наверное,
    > стоит их смотреть, или не стоит вообще туда ходить.

    Есть на одном сайте раздел "пятничная подборка видео" - иногда захожу посмотреть для синхронизации с внешним миром.
    > Во-вторых, _листаться_ от этого быстрее не будет, будет медленнее - так бы
    > оно загрузилось фоном, пока ты верхний смотришь, а так - будет
    > подгружаться по мере пролистывания, вот спасибо-то!

    Ничего подобного. Айфреймы у ютуба жесть какие тяжёлые, но загрузка 1-2 таких не особо влияет на страницу. А когда их грузится 10+ штук одновременно - процессор к земле готовиться начинает.

     
     
  • 6.40, Аноним (33), 00:42, 27/07/2020 [^] [^^] [^^^] [ответить]  
  • –1 +/
    > одновременно

    network.http.max-connections

     
  • 2.46, КО (?), 09:37, 27/07/2020 [^] [^^] [^^^] [ответить]  
  • +/
    Как раз заметно - чего-то не будет на экране.

    Раньше нужен внешний инфо-блок - запихнул его в iframe и пусть живет сам по себе. А теперь что?

     

  • 1.2, Аноним (2), 11:48, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +/
    Прокручиваешь текст на смартфоне, доходишь до iframe. Начинает грузиться, страницу люто шатает, контент снова едет.
     
     
  • 2.3, Аноним (3), 11:53, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +3 +/
    Не едет. Чтобы заработал lazyloading, у img/iframe должны быть определены размеры - либо через css, либо через атрибуты width/height.
     
     
  • 3.9, Аноним (1), 12:46, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +1 +/
    Лаги это не отменяет
     
  • 2.16, TheFotoMag (ok), 13:28, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • –3 +/
    >> страницу люто шатает

    Не нужно посещать говно-ресурсы.

     
     
  • 3.24, Аноним (-), 16:14, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +12 +/
    пишет комментатор опеннета
     

  • 1.5, Аноним (5), 12:10, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +8 +/
    > Теперь разработчики Chrome сделали ещё один шаг и добавили возможность отложенной загрузки iframe-блоков.

    Теперь Chrome -- это новый IE6 с его progid:DXImageTransform.Microsoft.BasicImage?

     
     
  • 2.29, m.makhno (ok), 18:20, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +/
    Here We Go Again XD
     
  • 2.47, Zlo (??), 15:17, 27/07/2020 [^] [^^] [^^^] [ответить]  
  • +/
    Только IE6 один раз сделали выкатили и готово, вот вам поделие пилите под него сайты, ближайшие Nлет.
    А тут пилите пилите мы завтра выкатим версию +1 и там в очередной раз что нибудь новенькое выдумаем, чтобы вам повеселей жилось.
     

  • 1.6, Аноним (6), 12:18, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • –1 +/
    Я помню сохранял skyrock блоги pccb в mht и подобная функциональность пригодилась. Потому что когда много медиа запросов, то браузер начинает рвать соединения, а настройки количества соединений в хромиуме нет, как в лисе. Потом вроде эту фичу выпилили, потом опять появилась. Жалко в Xenial уже не обновляют хромиум, но в дебиане обновления бы прекратились два года назад. И промежуточные версии не найти, у меня сохранены только 77, 79 и еще какое-то старье.

    > Ранее в Chrome 76 и Firefox 75 данный режим уже был реализован для изображений. Теперь разработчики Chrome сделали ещё один шаг и добавили возможность отложенной загрузки iframe-блоков

    Chromium 79 chrome://flags lazy есть пункты
    Enable lazy image loading
    Enable lazy frame loading

     
  • 1.7, Аноним (7), 12:30, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +2 +/
    Экономия на спичках
     
     
  • 2.11, Аноним (1), 12:49, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +/
    Зато альтернативные успели понаделать сайтов с одной большой ленивой картинкой в топе, которая, блин, всегда сразу видна и должна загрузиться как можно быстрее, но те альтернативные со своей ленью только добавляют лагов и тормозов...
     

  • 1.10, Тупой Хромой (?), 12:47, 26/07/2020 Скрыто ботом-модератором [﹢﹢﹢] [ · · · ]     [к модератору]
  • +1 +/
     

     ....ответы скрыты (3)

  • 1.19, Аноним (19), 14:15, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +3 +/
    Я в Фоксе просто заблочил ВСЕ iframe, чтобы не поощрять всякое быдло(-web-разработчиков).
     
     
  • 2.23, Аноним (-), 16:13, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +1 +/
    ты сам себя поощрения лишил? похвально
     
  • 2.38, Аноним (38), 23:41, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • –1 +/
    Через iframe дофига чего вставляется из современного, ты просто далёк от темы и пропустишь кучу фич на очередном вебсайте с чем я тебя поздравляю
     
     
  • 3.44, Аноним (44), 08:58, 27/07/2020 [^] [^^] [^^^] [ответить]  
  • +3 +/
    > пропустишь кучу фич

    Реклама, капча, еще раз реклама, втджет вконтакте, фейсбука, снова реклама, помоиный видос вместо текста.

    Не очень то и хотелось.

     
     
  • 4.50, Аноним (38), 21:39, 27/07/2020 [^] [^^] [^^^] [ответить]  
  • +/
    Какая нафиг реклама и капча через iframe? Сейчас так лет 10 никто не далает.
    Iframe очень полезен например на форумах, там всякие встроенные плюшки, например виджеты быстрого чата и тд.
    Можно долго перечислять, а у тебя всё в фейсбуки упирается. Говорюж не разбираешься, интернет не в полную мощь использует и недостаточно знаешь.
     
     
  • 5.51, VladSh (?), 17:32, 28/07/2020 [^] [^^] [^^^] [ответить]  
  • +/
    Никогда этих "всяких встроенных плюшек, например виджеты быстрого чата" на формумах не использовал и не собираюсь.
    А ещё примеры можно? Хочется понять, чего же я такого ценного пропустил.
     
  • 5.55, Аноним (1), 02:44, 29/07/2020 [^] [^^] [^^^] [ответить]  
  • +/
    нафига на твоём форуме ещё и чатилка фейсбука во фрейме?!
     

  • 1.20, Граммарназзи (?), 15:01, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +/
    Так же должны добавить:
    "<iframe unloading= ... >"

    Разработчики думают только о том, как что то загрузить, а как только загрузили, картинка отобразилась, на этом полёт инженерной мысли заканчивается т.к. типа работа выполнена и всё остальное их не волнует. Каждый думает что его поделее это конь в сферическом вакууме, и вокруг ничего больше не существует. Про ограничение времени жизни ресурсов мало кто думает, точнее вообще никто, поэтому такой расход памяти большой. Все операции загрузки ресурсов должны иметь обратные операции освобождения ресурсов. Думаю, размышляю.

     
  • 1.22, DerRoteBaron (ok), 16:04, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +/
    Теперь с рекапчей будет ещё больше проблем и неудобств армии плохом инете?
    А я думал, хуже чем сейчас уже нельзя
     
     
  • 2.30, пох. (?), 18:22, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • –1 +/
    Как будто при хорошем с ней все прекрасно, сама себя заполняет?

    А "закрыть вкладку" работает в общем-то одинаково.

     

  • 1.25, Аноним (25), 16:49, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +2 +/
    Это наоборот увеличит трафик. Теперь везде к тегу iframe все, особенно для рекламы и счентчиков, будут добавлять eager
     
     
  • 2.27, НяшМяш (ok), 16:56, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +1 +/
    Напишем кастомный селектор в ublock origin да и всё.
     
  • 2.31, Аноним (1), 18:29, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +2 +/
    Увеличит лаги и трафик ещё и потому, что соединение будет переподключаться, а не кипалайвиться. Сервера обычно рвут соединение через 5 сек.
     
  • 2.43, Аноним (43), 07:49, 27/07/2020 [^] [^^] [^^^] [ответить]  
  • –1 +/
    Каким образом оно что-то увеличит, если до того по дефолту всегда и был, по сути, eager?
     

  • 1.28, mos87 (ok), 17:18, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +1 +/
    сначала сломать вэб потом чинить миллионную долю сломанного всякими костылями
    зато с красивой инфографикой!!111

    classic

     
  • 1.34, Аноним (34), 20:04, 26/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +/
    Почему iframe ещё не удалили как устаревший элемент? Думается, что это работа для Javascript фреймворка.
     
     
  • 2.37, Аноним (1), 21:57, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +1 +/
    в этом механизме есть нужные дыры
     
  • 2.39, Аноним (38), 23:44, 26/07/2020 [^] [^^] [^^^] [ответить]  
  • +/
    Потому что его всё ещё используют, в том числе и солидные компании. Iframe ассоциировался с опасностью когда все флеш плеер ставили
     
  • 2.42, Аноним (42), 06:41, 27/07/2020 [^] [^^] [^^^] [ответить]  
  • +1 +/
    Так это из-за тебя половина сайтов показывают белый лист при отключенном жс?
     
     
  • 3.45, Аноним (-), 09:06, 27/07/2020 [^] [^^] [^^^] [ответить]  
  • +/
    Из-за таких

    https://twoweeks.github.io/games-db/?get=ruvn-contest&comp=1
    >На дворе уже роботы по улицам ходят и магазины работают на самообслуживании, а у тебя до сих пор JavaScript в браузере отключен.
    >
    >Стыдно, стыдно.

     
  • 2.48, Gogi (??), 16:13, 27/07/2020 [^] [^^] [^^^] [ответить]  
  • –2 +/
    IFRAME как раз шикарная вещь (в нужных местах) - позволяет не релоадить тонну дерьма, которую разработчики ласково называют "дизайн".
    К примеру, всякие магазы с их мегабайтными бэкграундами и "современными менюшками" (ещё на 3 мега). Один раз загрузил, а все списки и товары - во фрэйме. Форумы тоже выигрывают.
    Просто есть туn0рылые вебмакаки, а есть разумные дизайнеры.
     

  • 1.49, Cyber100 (ok), 20:03, 27/07/2020 [ответить] [﹢﹢﹢] [ · · · ]  
  • +/
    эммм... поведайте мне, человеки, кто, до сих пор, столь адово экономит трафик, разве что нищебро с лимитированным мобильным тарифом...

    ожидаю, конечно же, кучу минусов в свою сторону, но, просто подумайте.

     
     
  • 2.52, VladSh (?), 17:43, 28/07/2020 [^] [^^] [^^^] [ответить]  
  • –1 +/
    А ты не подумал, что люди в удалённых регионах могут до сих пор сидеть с тарификацией за Mb, т.к. нет других вариантов? У меня отец так работает. И очень помогала в этом старая Opera Presto, в которой можно было включить все картинки (по умолчанию), отключить картинки целиком для сайта либо отображать "Только кешированные" - один раз открыл сайт, оно загрузилось, а потом ставишь "кешированные" и не паришься.
     
     
  • 3.54, Аноним (1), 02:38, 29/07/2020 [^] [^^] [^^^] [ответить]  
  • +/
    Проблема твоего отца элементарно решается разными блокерами, которые блокируют загрузку iframe, пока кликом не разрешишь.
     

     Добавить комментарий
    Имя:
    E-Mail:
    Текст:



    Партнёры:
    PostgresPro
    Inferno Solutions
    Hosting by Hoster.ru
    Хостинг:

    Закладки на сайте
    Проследить за страницей
    Created 1996-2024 by Maxim Chirkov
    Добавить, Поддержать, Вебмастеру