Как производительно обновить текст тегов значениями переменных в цикле?

Просто у меня есть скорее вопрос к очистке - я например могу через DocumentFragment() повставлять переменные и добавить используя insertAdjacentHTML но как производительно очистить элемент?
Попробую через while (element.firstchild) element.removeChild(element.firstchild)

Как производительно обновить текст тегов значениями переменных в цикле?

Сейчас я вставляю в ~40 тегов на экране текст.
Обьём фильтруется до 2МБ
Пагинация не подходит =(
Скрипт сразу после html не избавляет от надобности создавать список пар тегов(нельзя выбрать родительский тег скрипта в качестве переменной куда вставлять текст)

При просмотре видео нагружается процессор?

Aetae, стоял, но мне необходимо именно максимальное разрешение(желательно 4к) для домашней станции

При просмотре видео нагружается процессор?

И также стало каждые 15 секунд отображатся круг прогрузки

При просмотре видео нагружается процессор?

Стало действительно немного лучше, со 100% на процессор упало до 85-90 и нагрузка на гпу повысилась на 4%(стала 18%)
https://i.imgur.com/jy2ca0R.png
Но всё же 20 из 100...

При просмотре видео нагружается процессор?

Kizzeon, Опробовал в chrome включив ускорение: видео 2160 хоть и с фризами, но работает(нагрузка цпу 20%, видеокарта 15%), а 1440 так и вовсе плавно.
Поищу ещё может в чем дело и как все таки достичь 2160p60fps

При просмотре видео нагружается процессор?

antonwx, Аппаратное ускорение по дефолту включено.
Проверил кстати в диспетчере задач нагрузку на gpu:
При 1080p процессор нагружается на 20% а видеокарта на 7%
При 1440 процессора нагружается на 45% а видеокарта на 9
и при 2160 проц нагружается на 100 а видео всего на 12, странно

При просмотре видео нагружается процессор?

antonwx, Ищу

При просмотре видео нагружается процессор?

Плагин для FF кстати есть, но он не позволяет смотреть видео выше 1080(кстати который тоже не без фризов почему то становится)

При просмотре видео нагружается процессор?

Pardon Me! Where Do I Find 4giveness?, i3 3220
Aetae, разве обычных драйверов не достаточно? Но проверю
#, Благополучно ответил, сейчас проверяю

При просмотре видео нагружается процессор?

За разрешение практически везде должна же отвечать видеокарта, она так то под это и создавалась

При просмотре видео нагружается процессор?

Установлен, нет эффекта =(

При просмотре видео нагружается процессор?

Пользуюсь Фаерфоксом =(
Но спасибо за совет

Как удалить дублирующийся html строке?

Только собрался написать пример...
Но спасибо за решение, подскажите пожалуйста, если я буду в query вставлять container, то он будет проверять html код контейнера целиком?

Как удалить дублирующийся html строке?

Где matches это набор данных name-price(вроде json)

Как удалить дублирующийся html строке?

Дмитрий,

const html = matches
      .map(match => `
        <div class="container">
          <span class="cTitle">${match.name}</span>
         <span class="cData">${match.data}</span>
        </div>
      `)
      .join('');

Как можно наиболее быстро искать данные по JSON файлу?

Этот скрипт выполняется (ваш код) за 20мс

Не недооценивайте i3 сенди бриджа

50000

50 000 строк по 2 обьекта на каждой*

json с 50к объектами

Я по обоим тестирую, но сейчас мне помог Александр Черемхин и код стал отлично работать и я понял что в итоге проблема в DOM(в appendChild стоявшему рядом)

Как можно наиболее быстро искать данные по JSON файлу?

То что нужно, теперь код стал работать сильно быстрее =)

Как можно наиболее быстро искать данные по JSON файлу?

Пользователей немного, но все они будут проводить поиск по бд, так что я хочу прооптимизировать данный regex(или заменить?) что бы он проводился мс так за 300 или меньше хотя бы

Как можно наиболее быстро искать данные по JSON файлу?

Это не node js, я паршу json файл используя fetch, кеширую и потом провожу поиск, но даже так у меня сильно долго идет