После добавления в прошлом году в Chrome встроенной функции отложенной загрузки изображений Google теперь позволяет разработчикам откладывать загрузку тяжелых iframe. Читайте дальше, чтобы узнать больше!
Увеличение веб-трафика от мобильных пользователей и людей по всему миру с ограниченными возможностями подключения подтолкнуло компании и разработчиков к серьезной оптимизации скорости загрузки веб-сайтов. Традиционно, когда вы переходите на веб-страницу, она загружает и отображает весь доступный контент: изображения, значки, GIF-файлы, стили, скрипты и т. д. Как вы можете себе представить, загрузка всего этого приводит к задержке запуска веб-сайта, особенно для пользователей с медленным соединением. Google уже некоторое время пытается устранить эту проблему. Только в прошлом году они добавили функция отложенной загрузки изображений в Google Chrome 76. Теперь Google добавляет ту же функциональность в iframe.
Отложенная загрузка загружает содержимое веб-страницы по требованию, то есть оно не будет загружаться и отображаются до тех пор, пока вы не прокрутите вниз и не отобразите их в представлении, тем самым уменьшая первоначальный запуск веб-сайта. скорость. Как уже упоминалось, отложенная загрузка изображений доступна в Chrome с прошлого года, но теперь разработчики могут использовать тот же метод и для iframe. Чтобы реализовать это на своем веб-сайте, все, что вам нужно сделать, это добавить
загрузка = «ленивый» атрибут ваших изображений и/или элементов iframe. В таких браузерах, как Firefox и Safari, уже реализована встроенная функция отложенной загрузки изображений. Что касается iframe, то они все еще работают над исправлением пары ошибок. Google также упомянул, что Chrome для Android в режиме Lite автоматически загружает закадровые изображения и iframe.По иронии судьбы, во время тестирования того, как встраивание видео YouTube (основанное на iframe) влияет на скорость загрузки веб-страницы при отложенной загрузке, команда Chrome обнаружила, что они «сэкономили 10 секунд на том, как скоро наши страницы станут интерактивными на мобильных устройствах.«Излишне говорить, что отложенная загрузка имеет реальные преимущества перед традиционным методом загрузки всего содержимого веб-страницы сразу после ее посещения.
Цена: Бесплатно.
4.1.
Источник: веб.разработчик
С помощью: Техдоус