Производительность $.on() в SPA
Я пытаюсь применить Телеметрию в моем SPA (написано на AngularJS). Когда мой SPA загружен, он изначально имеет структуру DOM, похожую на:
<html>
<head> ... </head>
<body>
<div id="nav"></div>
<div id="content"></div>
<div id="footer"></div>
</body>
</html>
Я внедряю свой код телеметрии через Tealium (стороннее программное обеспечение для управления тегами), который асинхронно вводит код телеметрии из головы. Единственные селекторы DOM, к которым мой код телеметрии будет иметь доступ: #nav, #content, #footer. Если я хочу отслеживать, когда пользователь нажимает на CTA, мне нужно написать что-то вроде:
$('#content').on('click', '.module .carousel .cta', function() { ... });
Мой SPA довольно большой, и я ожидаю, что у меня будет несколько сотен уникальных предметов для отслеживания. В результате будет сделано несколько сотен уникальных вызовов $.on().
Мой вопрос заключается в том, станет ли проблема с производительностью, так как каждый клик будет "пузыриться" до элемента рядом с <body>? Есть ли лучшее решение для меня вместо использования только $.on()? Обратите внимание, что у меня нет доступа к базе кодов SPA. Единственная кодовая база, к которой у меня есть доступ, находится в Tealium (который внедрит JavaScript в SPA).