С появлением таких сборщиков пакетов, как webpack, общая тенденция заключается в объединении всего JS-кода в один bundle.js файл. По мере расширения возможностей приложения размер bundle.js файла быстро увеличивается с простых КБ до МБ. Это отрицательно сказывается на производительности веб-страницы, поскольку теперь пользователю приходится ждать загрузки гигантского bundle.js файла, прежде чем он сможет взаимодействовать со страницей. Большая часть этого кода может даже не..

Оптимизируйте код, используя новую функцию webpackExports Вы когда-нибудь задумывались, почему сборщики модулей могут «встряхивать» только статический импорт, чтобы уменьшить производственный код? Они не применяют ту же логику включения динамического кода к динамически импортируемым фрагментам. Это вообще возможно? Единственный способ добиться этого до сих пор - обходные пути вручную. К счастью, разработка в Disney + Hotstar привела к идее более простого решения, которое сейчас..

Я собираюсь ограничить эту статью предложением динамического импорта (на этапе 3) до компонентов React и React в контексте Создать приложение React . Эта статья , опубликованная 18 мая 2017 года Дэном Абрамовым в блоге React, раскрывает функцию динамического импорта как средство разделения кода. У Нихар Венугопал есть отличный видеоролик под названием «Руководство для начинающих по разделению кода вашего приложения React». Смотреть видео. Некоторые выводы из видео Нихара:..

Мы поговорим о том, как ускорить загрузку начальной страницы вашего сайта. Если вы используете приложение React, то React уже использует более 30 КБ размера страницы. Поэтому, если ваша начальная загрузка страницы превышает 50 КБ (даже после сжатия gzip), это может вызвать проблемы с производительностью и плохое взаимодействие с пользователем. Когда мы используем комплекты модулей, такие как Webpack , он создает большой комплект. Если у вас большое приложение, вам не нужно загружать..