Илья Шатохин

"Или чтобы собирались при запуске все"
В ноде ленивую загрузку библиотек не практикуют, насколько мне известно.
В PHP это вынужденная мера, потому что там чаще всего FastCGI, по одному запросу на процесс в один момент времени, процесс каждый раз инициализируется с нуля (опустим пока пляски с кэшем и прочее).
А сервер на ноде долгоживущий, поэтому там нет проблем потратить секунды три при старте на загрузку всего и вся.

1) Оптимизировать структуру данных JSON для транспортировки
2) Использовать бинарный формат вместо JSON
3) gzip тоже помогает
4) Грузить в веб-воркере и передавать в основное приложение по загрузке (судя по объему вычисления лучше делать там же)

Про гиперссылки в HTML5 сказано, что внутри них ожидается transparent content, за исключением интерактивного (другие ссылки, элементы форм etc.).
Так что блоки, таблицы — не вопрос. Вполне себе семантично.

Update: Только помните, что, вложив блок в ссылку, вы эту ссылку должны использовать там, где ожидается flow content. За исключением случая, когда ссылке назначено представление display:inline-block.

Мой ответ является расширенной версией ответа Илья Шатохин про добавление класса .no-transition.
И он в общем то полагается на костыль, но не настолько ужасный как setTimeout.

.no-transition {
  transition: none !important;
}

Затем в js пишем нечто подобное

elem.classList.add("no-transition");
var triggerLayout = elem.offsetHeight;
// действия с элементом которые произойдут мгновенно

Суть такова, что работа с DOM в браузере оптимизирована таким образом, что он "группирует" все изменения и потом применяет их одновременно. Но, если в js коде обращаться к свойстам элементов, которые триггерят лэйаут, эти группы будут "дробиться" в этом месте вызова. В итоге вот эта самая строчка "var triggerLayout = elem.offsetHeight;" вызывает триггер лэйаута и операция с элементом происходит уже так, словно к нему добавлен класс без транзишена. Точно таким же образом например анимируются элементы с display: none, которые надо показать с помощью изменения opacity. Вначале вы меняете свойство display, затем триггерите лэйаут, затем добавляете класс изменяющий опасити - у вас происходит анимация. Без триггера элемент просто моментально появится.
Таблицу css триггеров можно найти тут - csstriggers.com
+ вот тут еще пишут про это gent.ilcore.com/2011/03/how-not-to-trigger-layout-...
Сам по себе лэйаут нужно триггерить только тогда, когда это является лучшим способом реализации анимации, ибо это влияет на производительность. На эту тему (и многие другие вещи) вам сюда - https://developers.google.com/web/fundamentals/per...

Это реализуется с помощью CSS

h1:hover ~ img {
	transform: scale(1.1, 1.1);
}

И я умоляю — используйте классы. Полагаться на имя тэга — плохо, плохо, плохо.

Update:
Выясняется, что и структура другая, и наводиться нужно на иной элемент.
Вот этот jQuery.

В первом случае вносятся изменения в объект arr, соответсвенно, раз в newArr хранится ссылка на объект arr, то и newArr меняется. Во втором переменной arr просто присваивается новое значение.

Работает это благодаря коллекции document.all. webkit и Presto поддерживали её всегда. В какой-то момент эта коллекция не поддерживалась в Gecko, и по какой причине разработчики вернули поддержку этого жуткого наследства от MS — не понимаю.

Вот что говорится про неё на MDN:

Provides access to all elements with an id. This is a legacy non-standard interface, you should use the Document.getElementById() method instead.

Гарантированно производительнее будет так:

$(document).on('click', '.item', (function (e) {
	$('.image', this).text('ok');
});

Вопрос задаёте хороший, но ограничиваете себя только траверсом элементов, в то время как предпочтительней использовать фазу всплытия события без какого-либо предварительного поиска. Ах, и да — при динамической генерации контента такой вариант безотказен.

Можно обратить внимание на синтаксис поиска — различные варианты вызова jQuery описаны в документации.

Добавить глобальный счётчик. По отправке запроса - увеличивать и включать показ загрузки, по завершении запроса - уменьшать, когда станет 0 отключать показ.

В js функциях параметры простого типа, в данном случае число, передаются по значению, т.е. копируются.
Объекты же передаются по ссылке, т.е. внутри функции тот же объект что снаружи.