Производительность хранилища:
Глобальные переменные: Глобальные объекты DOM и Javascript хранятся в RAM / системной памяти. Глобальные объекты - это, по сути, просто необработанное хранилище с очень небольшой структурой, что делает их очень быстрыми.
Значения DOM: Значения DOM означают обход дерева, что может быть медленным. Модель DOM хорошо структурирована, и всякий раз, когда она изменяется, она выдает ряд событий - эти события (такие как запуск обновлений стиля и события мутации / наблюдатели мутаций) увеличивают накладные расходы.
LocalStorage: LocalStorage означает чтение / запись на диск. localStorage, однако, хранится на жестком диске. У него есть все накладные расходы на запись на диск каждый раз, когда он используется, но он постоянный - если браузер закрыт или устройство выключено, данные, которые вы туда поместили, все равно будут доступны. Его лучше всего использовать, например, для кеширования файлов.
AJAX: AJAX запросов означает, что у вас есть дополнительная задержка в сети.
Большинство данных в Javascript является полностью временным, поэтому в большинстве случаев вы будете использовать глобальные переменные.