Я использую font-awesome 5.6.1 библиотеку для заполнения таблицы множеством строк и столбцов. Для каждого ряда есть около трех шрифтов. Шрифт обычно определяется так:
<a href="#" class="d-inline" title="Lock Event" onclick=lockEvent()><i class="fas fa-lock"></i></a>
Однако я заметил огромный скачок производительности после примерно 50 значков на экране. Загружаемые таблицы иногда содержат до 1000 строк, что составляет около 3000 значков. Загрузка браузера Chrome занимает около 30 секунд, если он полностью не падает (только шрифты).
Является ли то, что я испытываю реалистичным исполнением для библиотеки FA? Или я что-то не так делаю?
UPDATE
Дальнейшие исследования показывают, что шрифты были фактически созданы как svg. Пытаясь выяснить, почему это произошло, я указываю шрифты CSS как таковые:
cell1.innerHTML = `<a href="#" class="d-inline" title="Unlock Event" onclick=unlockEvent()><i class="fas fa-unlock"></i></a>`;
UPDATE
Произошло то, что я указал на файлы FA CSS и JS. Таким образом, браузер использовал код JS для генерации SVG. Убедитесь, что у вас есть только CSS!