Итак, у меня есть большой объем данных, отформатированный как объект JavaScript, к которому мой сайт должен иметь доступ. Поскольку эти данные не будут обновляться, у меня есть два варианта: создать файл JavaScript и вставить данные как переменную. Или я могу загрузить данные в виде файла JSON, а затем с помощью Ajax-запроса получить данные и разобрать их в объект.
Вот код, демонстрирующий, что я имею в виду.
Опция 1 (сохранить данные как переменную объекта JS в отдельном файле JS):
Файл object.js
let myData = {
"1": "A",
"2": "B",
"3": "C",
"4": "D",
"5": "etc..."
};
... И так далее, за исключением того, что мои данные очень велики, поэтому этот файл в итоге содержит более 25 000 строк.
И я использую эту переменную в некоторых script.js
let myVar5 = myData["5"];
Вариант 2 (сохранить данные в формате JSON, выполнить магию Ajax и выполнить синтаксический анализ в объекте JS)
файл object.json
{
"1": "A",
"2": "B",
"3": "C",
"4": "D",
"5": "etc..."
}
А потом по моему script.js я так и делаю:
let url = "/data/object.json";
$.getJSON(url, function(response) {
let data = JSON.parse(response);
let myVar5 = data["5"]
}
Какой вариант будет иметь более высокую производительность с точки зрения памяти, скорости, хранилища и других практических вещей для веб-сайтов в Интернете?