«
»
WEBПолезные сайтыПримеры

iframely.com – Резиновый iFrame с отложенной загрузкой

Друзья, в очередной раз занимаясь вставкой iFrame я набрел на такой замечательный ресурс как https://iframely.com/ и был потрясен обилием опций и простотой его использования. Советую использовать данный ресурс при вставке фреймов на свои проекты. В данной записи я предоставлю Вам код в котором подключение тела iFrame происходит с отложенной загрузкой, что является весьма полезным преимуществом при ускорении страницы, особенно если данная страница является главной.

Пример резинового iframe с отложенной загрузкой:

<a href="https://iframely.com/docs/lazy-load" target="_blank">https://iframely.com/docs/lazy-load</a> <div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.2493%;"><iframe data-iframely-url="https://www.1tv.ru/embed/94735:12?byline=0&badge=0&portrait=0&title=0" style="border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;" allowfullscreen scrolling="no"></iframe></div> <script async src="//cdn.iframe.ly/embed.js" charset="utf-8"></script>

https://iframely.com/docs/lazy-load

Вот что получаем в итоге:

Источник записи: https://mediadoma.com

Связанные записи
ElementorWordPressПлагиныПолезные сайты

Elementor - 10 потрясающих мест для поиска бесплатных или премиальных шаблонов

Chrome DevToolsGoogleGoogle ChromeWEB

Запускайте фрагменты JavaScript на любой странице с помощью Chrome DevTools

WEBПолезные сайты

50 бесплатных сайтов для ваших проектов графического дизайна в 2020 году | Бесплатные Графика, Фото и Видео стоки, Шрифты, Макеты и не только

Полезные сайты

Отличный ресурс для перевода чисел в текст для Украинского Русского и Английского языков