Optimizations issues

[viliusle]

This lib will builds huge list of tobi__slider elements on page load. During this time, JS blocks everything else like user input, page rendering and so on.

• if we have lots of elements, that need lightbox effect, block time increase
• if user is on mobile, (JS processing is slower) block time increase a lot
• if using multiple inline HTML blocks with lots of text and DOM elements inside - block time increase
• if all of above - we have a big problem.

And now google penalize sites for being slow. So this should be fixed.

What can be done? On load create only basic DOM elements, like container, buttons. Only when user does click, do heavy work to display something using lightbox effect.

[viliusle]

I still need to do more test to make sure that creating lots of DOM elements is a problem. Problem could be somewhere else of course.

p.s. confirmed. Adding lots of created sliders into DOM take most JS processing time.

[viliusle]

Another improvement idea: don't do anything if there are 0 targets to show modal window from.

[viliusle]

Issue was with creating multiple empty iframes on page load. Even src is empty, this process is very slow. I fixed it by creating iframes only when user clicks on target element (only when needed.)