Как можно ускорить сайт Gatsby с большими файлами page-data.json?
Кажется, в Gatsby 2.9 произошли некоторые изменения, связанные с page-data.json ( описано здесь в блоге Gatsby). Кажется, это вызывает у меня проблемы.
Я рендерил кучу видеокарт для сайта, который я разрабатываю с 6000 строками данных, доступ к которым осуществляется через JSON API.
Проблема, которую я нахожу, заключается в том, что, когда я хочу отобразить большую сетку / список видео (6000), на мобильных устройствах (или медленных соединениях) это чертовски медленно. В настоящее время я использую реагирующее окно / реагирующее виртуализацию, чтобы ускорить рендеринг карты / изображения, но этот сайт все еще работает медленно. Это много данных. Когда я пытаюсь выяснить это, используя инструменты chrome dev, кажется, что виноват page-data.json. Это как 4 МБ данных. Когда я просматриваю свои настоящие файлы сборки gatsby, размер некоторых файлов page-data.json превышает 15 МБ.
Так что, возможно, я делаю что-то не так. Я подумал, что наверняка с помощью gatsby + реагировать на виртуализацию я мог бы создать быстрый сайт. Я думал, что он будет загружать только необходимые данные. Но на конце, похоже, загрузка массивной связки JSON и замедление всего.
Итак... я предполагаю, что мне нужно подойти к этому другому с помощью нумерации страниц или запросов к базе данных или что-то в этом роде?