Google завершает разработку новой технической функции для Chrome 148 обещает изменить способ загрузки видео и аудио в интернете.Браузер будет интеллектуально откладывать загрузку этих мультимедийных ресурсов до тех пор, пока они действительно не понадобятся, с целью повышения производительности страницы и снижения потребления данных, особенно при использовании мобильных устройств.
Идея не совсем нова: с 2019 года Chrome и другие браузеры на основе Chromium уже внедряют эту функцию. отложенная загрузка изображений и iframeСейчас предлагается распространить эту же логику на элементы. y которые, как правило, намного тяжелее и оказывают большее влияние на начальную скорость загрузки.
Что такое отложенная загрузка и как она применяется к видео и аудио?
La ленивая загрузка Это техника, которая состоит из Отложите загрузку и инициализацию определенных ресурсов до тех пор, пока пользователь не приблизится к ним при прокрутке страницы.Вместо того чтобы отображать все содержимое сразу при открытии страницы, браузер сначала фокусируется на видимом контенте, а то, что находится за пределами экрана, оставляет на потом.
На практике, когда на веб-сайте видео или аудио размещаются значительно ниже первого экрана, браузер, благодаря этой новой функции, Загрузка или подготовка не начнётся немедленно.Загрузка начнётся после того, как пользователь отойдёт на определённое расстояние от ресурса. Это позволит избежать ненужных загрузок медиафайлов, которые, возможно, никогда не будут просмотрены или воспроизведены.
До сих пор многие разработчики полагались на Пользовательские решения на JavaScript, сочетающие такие инструменты, как Intersection Observer, с динамической загрузкой атрибутов. SRCЭто был допустимый способ достижения аналогичного эффекта, но он усложнял код и не так хорошо интегрировался с внутренними оптимизациями браузерного движка.
Благодаря новой реализации Chrome позволит используйте атрибут напрямую loading="lazy" в видео- и аудио тегахКак и в случае с изображениями и некоторыми другими элементами, это будет ключом, который браузер будет использовать для определения того, какие мультимедийные ресурсы можно отложить, а когда их следует получить.
Согласно информации, собранной в плане развития платформы, Компания Chromium начала работу над этой возможностью в начале года.Эта функция уже прошла несколько внутренних этапов реализации. Цель состоит в том, чтобы улучшить как её визуальное поведение, так и взаимодействие с остальной частью системы загрузки браузера.
Какие изменения произойдут в Chrome 148 и других браузерах на основе Chromium?
Новая функция будет активирована непосредственно в системе. Хром 148Это относится как к компьютерам, так и к мобильным устройствам, а также к WebView — контейнеру, который многие приложения используют для отображения веб-контента. Согласно документации Google, Эта функция уже тестируется в ветках разработки, таких как Chrome 147. Стабильный релиз запланирован на одну из следующих версий, а постепенное распространение может завершиться примерно в середине апреля, хотя это может измениться.
Благодаря прямой интеграции в код Chromium, улучшение Это не ограничится только Google Chrome.Браузеры, имеющие общую базовую архитектуру, например: Microsoft Edge, Brave, Opera или VivaldiОни также смогут воспользоваться этой оптимизацией при обновлении до версий, включающих новое поведение отложенной загрузки медиафайлов.
Следует отметить, что Не весь мультимедийный контент будет затронут одинаково.Встроенные в браузеры на основе Chromium видеоролики YouTube уже давно выигрывают от встроенной отложенной загрузки iframe, поэтому в таких случаях изменения будут менее заметны. Влияние будет сильнее на сайтах, которые напрямую используют теги. y подходит для воспроизведения контента.
Google также отмечает, что Встроенная функция отложенной загрузки видео и аудио будет учитывать и другие атрибуты, такие как... автозапуск y предварительная нагрузкаИными словами, браузер будет пытаться сбалансировать экономию ресурсов с поведением, ожидаемым разработчиком для каждого игрока, сводя к минимуму неожиданности в пользовательском опыте.
Ещё один важный момент заключается в том, что система предотвратит блокировку события окно.onload с мультимедийными ресурсами, находящимися за пределами видимой зоны.На сайтах, перегруженных видеороликами, встроенными проигрывателями или аудиодорожками, это может существенно повлиять на скорость загрузки страницы.
Влияние на скорость загрузки, мобильный трафик и оперативную память.
Практический эффект этого усовершенствования наиболее заметен в страницы с множеством мультимедийных элементов, распределенных по всему контентуВместо того чтобы пытаться загрузить все эти файлы сразу после входа, браузер может сосредоточиться на тексте, первоначальных изображениях и важных ресурсах, оставив остальное на потом.
Это переводится как Более короткое время первоначальной загрузки, меньшее потребление полосы пропускания и меньшая нагрузка на оперативную память.Это особенно актуально для мобильных телефонов с ограниченными ресурсами или тарифными планами с ежемесячным лимитом трафика. Многие пользователи в Испании и остальной Европе по-прежнему пользуются интернетом с ограниченным бюджетом или в районах с ненадежным покрытием, поэтому каждая предотвращенная ненужная загрузка — это небольшое облегчение.
С точки зрения пользовательского опыта, он воспринимает это так: Страница реагирует быстрее, и вы можете начать читать, не опасаясь зависания браузера во время загрузки видео в фоновом режиме.Хотя вы можете не заметить никаких видимых изменений в интерфейсе и не получить уведомление о новой функции, вы заметите, что некоторые ресурсоемкие веб-сайты стали работать несколько быстрее.
Google также отмечает, что Встроенная реализация позволяет оптимизировать загрузку в зависимости от состояния сети.Движок браузера может устанавливать разные пороговые значения в зависимости от скорости соединения, а также при обнаружении большого количества одновременных запросов. Воспроизвести это с помощью внешних скриптов сложно, поскольку они не имеют доступа к внутренней информации процесса загрузки.
Сокращение количества загрузок файлов, которые пользователь может никогда не увидеть, обеспечивает дополнительную выгоду. более эффективное использование кэша и конвейера рендерингаВ долгосрочной перспективе эти детали способствуют более плавной навигации, даже если улучшение не является заметно существенным при переходе от страницы к странице.
Что это значит для веб-разработчиков и экосистемы Chromium?
С точки зрения разработчиков веб-сайтов, появление этой новой функции подразумевает следующее: значительное упрощение способов управления мультимедийными ресурсами.До сих пор тем, кто хотел детально контролировать момент загрузки видео или аудио, приходилось почти исключительно использовать JavaScript с дополнительной логикой для определения положения на экране.
С новым API, Достаточно просто добавить атрибут. loading="lazy" на этикетках y Точно так же, как и с изображениями. Браузер автоматически позаботится обо всем остальном, используя собственные эвристические алгоритмы для определения момента начала загрузки без нарушения пользовательского опыта.
Это имеет несколько преимуществ: сокращается объем пользовательского кода, Возможные ошибки в логике загрузки сведены к минимуму. Кроме того, исключается зависимость от внешних библиотек, используемых исключительно для управления поведением игрока. Более того, браузер может лучше координировать эту нагрузку со своей системой. предварительная нагрузка а также с помощью сканера ресурсов, который запускается перед отрисовкой страницы.
Предложение о внедрении встроенной отложенной загрузки для видео и аудио было выдвинуто следующим образом: активные участники проекта ChromiumСпециалисты, работающие над оптимизацией производительности такого типа, уже некоторое время занимаются этим вопросом. Спецификация дорабатывается в рамках обычных рабочих групп, и хотя её ещё можно улучшить, Google уже представляет её как готовую к внедрению. логическое расширение API отложенной загрузки, известных разработчикам уже много лет..
Как и почти все, что интегрировано в движок Chromium, это изменение В конечном итоге это принесет пользу широкому кругу браузеров.И дело не только в Chrome. В европейском контексте, где все больше пользователей переключаются между такими браузерами, как Edge, Brave, Opera или Vivaldi, подобные общие улучшения усиливают ощущение того, что значительная часть интернета развивается с одинаковой технической скоростью.
Al final, se trata de одно из тех незаметных обновлений, которые не меняют внешний вид браузера.Однако эти улучшения могут сэкономить секунды (или, по крайней мере, уменьшить неудобства) в вашей повседневной работе, особенно на сайтах, перегруженных мультимедийным контентом. А в среде, где множество страниц конкурируют за внимание пользователя, любое усовершенствование, делающее работу с сайтом быстрее и менее утомительной, весьма ценно.
С появлением встроенной отложенной загрузки видео и аудио в Chrome 148 браузер укрепляет свою роль эталона производительности в веб-экосистеме: улучшается скорость открытия страниц, сокращается использование данных и памяти, упрощается работа разработчиков, а остальные браузеры на основе Chromium в Испании и Европе готовятся унаследовать оптимизацию, которая, не привлекая к себе особого внимания, может сделать повседневный просмотр веб-страниц немного более терпимым.