Після додавання вбудованої функції відкладеного завантаження зображень у Chrome минулого року Google тепер дозволяє розробникам відкладено завантажувати важкі iframe. Читайте далі, щоб дізнатися більше!
Збільшення веб-трафіку від користувачів мобільних пристроїв і людей по всьому світу з обмеженими можливостями підключення підштовхнуло компанії та розробників до значної оптимізації швидкості завантаження веб-сайтів. Традиційно, коли ви переходите на веб-сторінку, вона завантажує та відображає весь доступний вміст: зображення, значки, GIF-файли, стилі, сценарії тощо. Як ви можете собі уявити, завантаження всього цього викликає затримку під час запуску веб-сайту, особливо для користувачів із повільним з’єднанням. Google деякий час намагався усунути цю проблему. Лише минулого року, додали вони функція відкладеного завантаження зображення в Google Chrome 76. Тепер Google додає таку ж функцію до iframe.
Відкладене завантаження завантажує вміст веб-сторінки за вимогою, тобто він не буде завантажений і відображаються, доки ви не прокрутите вниз і не відобразите їх у поданні, таким чином зменшуючи початковий запуск веб-сайту швидкість. Як згадувалося, відкладене завантаження зображень доступне в Chrome з минулого року, але тепер розробники можуть використовувати той самий метод і для iframe. Щоб застосувати це на власному веб-сайті, все, що вам потрібно зробити, це додати
loading="лінивий" до ваших зображень і/або елементів iframe. Такі браузери, як Firefox і Safari, уже реалізували функцію відкладеного завантаження оригінальних зображень. Що стосується iframes, вони все ще працюють над виправленням кількох помилок. Google також зазначив, що Chrome для Android у спрощеному режимі автоматично відкладено завантажує позакадрові зображення та фрейми.За іронією долі, під час тестування того, як вбудоване відео YouTube (яке базується на iframe) впливатиме на швидкість завантаження веб-сторінки під час відкладеного завантаження, команда Chrome виявила, що вони "заощадили 10 секунд від того, як скоро наші сторінки стануть інтерактивними на мобільних пристроях.Зайве говорити, що відкладене завантаження має реальні переваги перед традиційним методом завантаження всього вмісту веб-сторінки, щойно ви її відвідуєте.
Ціна: безкоштовно.
4.1.
Джерело: web.dev
Через: Techdows