Сайт замедляется после загрузки файла данных JSON размером 50 МБ

У меня есть требование, когда мне нужно загрузить файл JSON размером 50 МБ, чтобы отфильтровать его в браузере. Я не показываю все это, скорее, файл загружается (в памяти) внутри браузера, чтобы я мог выполнить некоторые поисковые запросы.

При этом весь сайт замедляется после загрузки файла - даже не пытаясь выполнить поиск.

Каковы методы работы с большими файлами в браузере без выполнения HTTP-запросов к серверу для обработки нагрузки? То есть я хотел бы иметь возможность просто загрузить файл index.html и иметь возможность читать локальные данные JSON (50+ МБ) и выполнять запросы к ним.

Вот пример чего-то, что я хочу вместо этого построить с 50 МБ данных: https://rawgit.com/farzher/fuzzysort/master/test.html

В приведенном выше примере статические данные предоставляются index.html, и я мог либо загрузить этот файл с запросом AJAX, либо связать его как зависимость в файле JavaScript. Просто пытаюсь посмотреть, какие есть варианты ...

Я не понимаю? Клиент отправляет запрос на сервер для страницы index.html, сервер загружает файл 50MB .... тогда ?! Мы можем помочь, если вы опишете sequence из request и response. И точно укажите, тормозит ли server или client и отправляете ли вы файл 50MB клиенту.

Alireza Fattahi 03.12.2018 06:38

Обновил мои вопросы, @AlirezaFattahi. По сути, файл уже существует, но кажется, что весь браузер тормозит с файлом такого размера. Например, просто ввод текста в поле ввода уже кажется медленным.

Detuned 03.12.2018 06:40

Похоже, что у хранилища браузера могут быть некоторые ограничения. Какой у вас браузер. Предлагаю протестировать его в разных браузерах (закройте другие вкладки). Имеется в виду, пока используйте demo.agektmr.com/storage и загрузите некоторые тестовые данные с 50MB или даже больше тестовых данных, и посмотрите, замедляется ли браузер и там. Если все в порядке, возможно, проблема с кодом javascrpt на вашем сайте.

Alireza Fattahi 03.12.2018 06:55
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
202
0

Другие вопросы по теме

Как я могу отредактировать размер заднего фонового поля, чтобы он соответствовал внутренним ящикам с помощью node.js
При использовании атрибута name с ngModel в теге формы ошибка по-прежнему возникает - «Если ngModel используется в теге формы, необходимо установить атрибут name ...»
Мое фоновое изображение не раскрывается полностью или не отображается в полном размере. Проблема с фоновым изображением в разделе html
Предотвращение переноса div на меньший экран html css
Как сделать POST-запрос в HTML, не открывая новую вкладку
Тег HTML To @ Html.ActionLink в ASP.NET MVC5
Откройте iFrame при нажатии на значок расширения Chrome
Выберите тег и материализуйте датапикер, исчезающий при отправке формы в React
Как я могу установить цвет фона для общего элемента, а затем установить цвет фона для определенного элемента (такого же типа) с помощью одного события (onclick)?
Пользовательские шрифты, определенные с помощью @ font-face, работают только в Edge