Страница вылетает и зависает при открытии страницы с 700 фотографиями ⇐ Html

[Anonymous]

У меня есть генератор, который создает сообщения с фотографиями (первый код) и добавляемыми фотографиями (второй код). Когда добавляю около 250 < (более 250) фотографий, то тормозит и загружается примерно 10-15 секунд (на странице версии для телефона вылетает). Из-за того, что этот веб-сайт не имеет серверной части (статической), я не хочу создавать много страниц вручную. Итак, что я могу сделать, может ли кто-нибудь помочь мне с этим? Поможет ли «Отложенная загрузка» решить проблему?
const container = document.getElementById('accordion');

apiResult.forEach((result, idx) => {
// Create card element

const card = document.createElement('div');
card.classList = 'card-body';

// Construct card content
const content = `





${result.title}

${result.description}


GEL
${result.output}₾         გაიგეთ მეტი



`;

// Append newyly created card element to the container
container.innerHTML += content;
})


const apiResult = [

{title:"12 Angry Man Poster №1",description: "ინფორმაცია",output: "ფასი"},
{title:"12 Angry Man Poster №2",description: "ინფორმაცია",output: "ფასი"},
{title:"1917 Poster",description: "ინფორმაცია",output: "ფასი"},
{title:"Ace Ventura Poster №1",description: "ინფორმაცია",output: "ფასი"},
{title:"Ace Ventura Poster №2",description: "ინფორმაცია",output: "ფასი"},
{title:"Alien Poster №1",description: "ინფორმაცია",output: "ფასი"},
{title:"Alien Poster №2",description: "ინფორმაცია",output: "ფასი"},
{title:"Alien Poster №3",description: "ინფორმაცია",output: "ფასი"},
{title:"Alien Poster №4",description: "ინფორმაცია",output: "ფასი"},
{title:"Alien Poster №5",description: "ინფორმაცია",output: "ფასი"},
{title:"Alien Poster №6",description: "ინფორმაცია",output: "ფასი"},
{title:"Alien Poster №7",description: "ინფორმაცია",output: "ფასი"},
{title:"Alien Poster №8",description: "ინფორმაცია",output: "ფასი"},
{title:"Alien Poster №9",description: "ინფორმაცია",output: "ფასი"},
{title:"Alien Poster №10",description: "ინფორმაცია",output: "ფასი"},
{title:"Amelie Poster",description: "ინფორმაცია",output: "ფასი"},]


Подробнее здесь: https://stackoverflow.com/questions/687 ... -is-opened