Statoscope: курс интенсивной терапии для вашего бандла

[dema]

@smelukovА подскажите, как вообще подходить к началу оптимизации уже большого приложения, К примеру, я открываю statoscope для next.js приложения и вижу что в общем entrypoint page/_app 2881 модуль, библиотеки форм и всякое подобное. Как можно ответить на вопрос "почему данный модуль включен в initial chunk данной entrypoint?" если бегать и раскрывать "Reasons", там много лишнего и часто просто непонятно почему именно включен данный модуль.

Насколько я понимаю, в stats файле есть точные ссылки на import statement в конкретных файлах, которые привели к включению данного модуля в chunk. К примеру, у меня в "pages/_app" находится множество initial chunk, в одном из них включена библиотечка "final-form", как мне можно увидеть кусочек графа зависимостей, из которого можно было бы понять какие именно import'ы в каких файлах привели к данному включению? Чтобы можно было понять где делать lazy loading.