Relap ускорил загрузку всех виджетов, перейдя с iFrame на Shadow DOM

Relap полностью обновил инфраструктуру своей SSP и изменил способ интеграции с сайтами-партнерами. Для существующих партнеров переход прошёл бесшовно и не потребовал никаких ресурсов со стороны площадок.

Shadow DOM — технология, которая создана специально для отделения стилей встроенного элемента от стилей страницы, что гарантирует независимость виджетов и делает эту технологию идеальной для их интеграции. При этом контент, добавленный с помощью Shadow DOM, воспринимается браузером как часть страницы, а не как встроенный элемент.

Долгое время для этих целей традиционно использовался iFrame — технология, позволяющая вставить один html-документ внутрь другого. Но количество встроенных элементов на сайтах росло, что замедляло скорость их загрузки. С развитием веб-компонентов появилась более оптимальная альтернатива.

Такой технологией стала Shadow DOM. Виджет на Shadow DOM — часть основного документа, поэтому браузеру легче его обработать, даже при низкой производительности. По нашей оценке виджеты на Shadow DOM загружаются в среднем на 20% быстрее виджетов на iFrame.

Shadow DOM снимает некоторые ограничения, которые традиционно накладывает iFrame. Например, теперь мы не ограничены прямоугольником виджета, и имеем возможность встраивать в различные области страницы элементы с полностью нативным поведением. Для нас это возможность расширить пул наших рекламных форматов, и сделать их более привлекательными для пользователей и эффективными.

Сергей Шалаев

CEO Relap