Корректировка размеров бюджета в angular. json - PullRequest
0 голосов
/ 12 апреля 2020

Я получаю кучу предупреждений при запуске ng build --prod. Например,

...

WARNING in budgets, maximum exceeded for C:/Users/Phil/Documents/myapp/myapp - offical-dev/src/app/profile/profile.component.css. Budget 6 kB was exceeded by 895 bytes.


WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 2.94 MB.

Я знаю, что могу легко go в angular. json и настроить эти пороговые значения бюджета, но я не знаю, является ли это плохой идеей или нет. Должны ли у меня быть какие-либо проблемы с увеличением этих бюджетов?

  "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
                },
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "6kb",
                  "maximumError": "65kb"
                }
              ]
            },

Я сделал это для типа anyComponentStyle, установив его на 65, чтобы убрать css предупреждения о бюджете go, но будет ли это иметь производительность проблемы или я должен просто настроить их в соответствии с размером моего приложения и не беспокоиться об этом?

1 Ответ

1 голос
/ 12 апреля 2020

Существуют бюджеты по умолчанию, чтобы приложение загружалось достаточно быстро на большинстве устройств.

То, что достаточно быстро для вашего приложения, зависит от вас.

Если это веб-магазин или информационный веб-сайт с большим количеством трафика c, куда пользователи могут уйти, или go на следующий возможный сайт, если он не загружается в ожидаемый период времени (обычно <2 с), время загрузки имеет решающее значение и Вы должны стараться, чтобы приложение было как можно меньшего размера. </p>

Если ваше приложение является корпоративным приложением с большим количеством функций, где пользователи могут подождать несколько секунд до начальной загрузки страницы, затем вы можете настроить бюджет.

Что касается бюджетов css, я предлагаю вам пересмотреть архитектуру вашего приложения. Любой css для указанного c компонента внедряется в приложение через javascript во время выполнения. Поэтому вам следует хранить его как можно меньше.

Если ваш текущий компонент имеет более чем 65 КБ css, вам, вероятно, следует перенести большую часть его в общий файл темы, такой как стили. css. Этот файл будет скомпилирован в файл stati c css, который будет загружен браузером напрямую, а не введен через javascript и, следовательно, будет более эффективным.


Резюме:

Пределы - лучшая практика, но их можно игнорировать, если вы знаете, что делаете. Большинство CSS должны вводиться статически, поэтому ваш предел может быть не достигнут.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...