null

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

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