Dark Hole

Что-то вроде LazyLoad

Заюзать готовые плагины, не?

Рисуются в любом графическом редакторе с поддержкой svg. Тот же ФШ, если использовать векторные фигуры поддерживает экспорт.
Анимация... сильно зависит от того, что вы подразумеваете под анимацией. Есть SVG-анимация для неё нужно править картинку. Есть JS-анимация, CSS-анимация - соответственно. Да и покадровой анимации на SVG трудно добился да и зачем?

jQuery UI Slider? Его можно и без jQuery UI использовать же

Вам к экстасенсам.

Попытаюсь объяснить, почему такой подход, мягко говоря, не правилен и невозможен. Возьмём ваш пример, хоть.
Допустим, вы нашли модуль, который позволяет поверить, зарегистрирован ли такой пользователь. Разработчики хвастаются, что у него нет зависимостей. Но... Неожиданно оказывается, что ему нужны данные. Он действительно независим: читает данные откуда угодно, хоть с носков вашей прапрабабушки, но ему нужно указать, откуда читать. Вы берете свои ненаглядные бинарные деревья бизнес логики, но там нет ни слова о том, откуда будут браться данные...

GitHub + GitHub Pages

https://jsfiddle.net/DarkHole/u9f9t5qg/1/

О jQuery.
Фримен неплохо написал, если вы про "Pro jQuery"("jQuery для профессионалов"). Но достаточно устаревшая. У меня в библиотеки, кроме него, книга Эрла Каслдайна и Крэйга Шарки "Изучаем jQuery" - тоже хорошая книга, посовременнее и более дружелюбна к новичкам. Но далеко не полна.

100к картинок? Серьезно? Подумайте, не сделали вы ошибку, идя во фронтенд. Браузер упадет "просто" от такого количества картинок..
Да, по координатам эффективнее всего. Естественно, нужно делать оптимизирующие алгоритмы.

На строке №45 вместо

position.cursorOnElElemetHeight = o.target.cacheHeight;

надо
position.cursorOnElElemetHeight = o.target.height;
Не спрашивайте почему, я сам не знаю. Просто нашел ошибку и все.

1. Скрипты и картинки да, можно. document.scripts и document.images. Насчет остальных - сложнее, но можно получить их вручную, используя document.getElementsByTagName.
2. Отследить загрузку - аналогично, скрипты и картинки можно, насчет остальных не уверен. Ошибки относительное большинство позволяют обрабатывать.

Однако, эту идиллию разрушает то, что событие window.onload вызывается после загрузки всех внешних элементов(в т.ч. картинок и скриптов). Эх, мечты, мечты...

P.S. Для скриптов без async/defer это почти бессмысленно.

Есть. У меня, под линуксом cmd нужно всего лишь зажать

...
div.textContent = div.textContent
...