Моя команда написала веб-приложение с create-react-app
, и мы хотим, чтобы размер пакета был небольшим для начальной загрузки страницы.Прямо сейчас мы просто запускаем gzip
и wc
в выводимых файлах javascript в build/
, чтобы получить представление о размере пакета в целом (аналогично выводу react-scripts build
), но это не такдостаточно подробный, чтобы сообщить нам размер всех пакетов, которые требуются для начальной загрузки страницы.
Сейчас я планирую рассчитывать на синтаксический анализ build/index.html
и нахождение того, какие теги сценария ссылаются на абсолютные пути (кизбегайте подсчета сторонних сценариев), чтобы определить, какие чанки загружаются при начальной загрузке страницы, хотя я действительно задаюсь вопросом, возможно ли загрузить код на стороне javascript, что было бы важно для начальной рисования.Я так не думаю, но я также не понимаю, как CRA работает достаточно, чтобы сказать это окончательно.
Мой товарищ по команде также думает, может быть, мы должны просто загрузить целевую страницу в браузере без головы и определить, какие скрипты загруженыпри загрузке страницы таким способом, хотя было бы неплохо иметь более легкий способ сделать эту проверку, чем эта.
Заранее спасибо!