Как лениться оценить и выполнить javascript?

Question

У меня есть следующая ситуация: У меня есть 86 диаграмм (ChartsJS), разделенных на три категории. Я использую вкладки JQueryUI для отображения каждой категории в то время на отдельной вкладке. Дело в том, что из-за большого количества javascript, встроенного в страницу, время загрузки страницы составляет более 7 секунд, когда синтаксический разбор и исполнение JS занимает более 5,2 того времени (измеряется с помощью google chrome).

Мне интересно, есть ли способ ленить оценить те детали JavaScript, которые отображают элементы, которые еще не представлены пользователю (а не на открытой вкладке). Обратите внимание, что я хотел бы не только выполнить данный скрипт при изменении вкладок (это очевидно и легко сделать), но и оценить требуемый скрипт по требованию в определенный момент времени после загрузки страницы.

EDIT: мне нужно уточнить, что мой JS динамически генерируется таким образом asyncload из файла не вариант. Это может быть недостаток дизайна на моей стороне.

Вот хронология из хрома:

Answer 1

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

для того, чтобы запустить карту в chartjs вам нужно написать следующее:

var myChart = new Chart(SELECTOR, {...}) 

значит вызвать только новую таблицу на ваших активных селекторов

//Global Configs 
Chart.defaults.global.hover.mode = 'single'; 

function onTabOne() { 
    var myChart = new Chart(SELECTOR, {...}) 
} 
function onTabTwo() { 
    var pieChart = new Chart(SELECTOR, {...}) 
} 

Примечание оценка JavaScript является супер быстрый и не тяжелый на машине, его основной подъем и распределение памяти для переменных, вы не должны беспокоиться о ленивой оценке, и нет прямого пути. но выполнение происходит там, где происходит тяжелая работа, и вы можете отложить выполнение, обернув вещи в определения функций.

Есть хакерские способы получить ленивую оценку, например, положить javascript в строки и использовать eval всякий раз, когда вы хотите оценить и выполнить код, но я не рекомендую использовать eval вообще. , и нет настоящей необходимости.