Библиотека на github — https://github.com/Ivan-Corporation/github-repository-metrics
Когда ваше приложение станет больше, вы на 100 % обнаружите "Сокращение неиспользуемого JavaScript" при создании отчета об эффективности с помощью Lighthouse. Я застрял в этой проблеме и решил создать простую библиотеку на nodejs с именем react-compress.
Эта библиотека сжатия была создана с помощью Brotli и Gzip для пользователей React, которые хотят повысить производительность веб-сайта и без проблем сократить код пакета JS.
Использование простое, чем что-либо:
Установите библиотеку в свой проект (with npm or yarn)
, как dev
:
npm i react-compress --save-dev --- yarn add react-compress -D
А затем просто добавьте сжатие реакции в свой скрипт сборки package.json
, как показано ниже:
- "build": "react-scripts build", + "build": "react-scripts build && react-compress",
А потом просто run script build
как всегда:
npm run build --- yarn run build
Пример:
Before react-compress:
Build script with this library:
After react-compress:
Краткое содержание
Вы можете сделать свою папку сборки 30% smaller
и оптимизировать, чем это было без этой библиотеки. Как вы можете видеть в примерах изображений, наш пакет JS, который загружался 0,39 с без этой библиотеки, теперь загружается за 0,2 с, это almost 50%!
.
И, конечно же, когда ваш проект станет больше, эта библиотека принесет вам больше прибыли.
Если у вас есть какие-то проблемы, напишите мне или используйте вопросы в этом репозитории