Optimize bundling tools configuration

Description

Check bundling tools configuration and optimize it:

  1. Check bundle content using webpack-bundle-analyzer

  2. Check if browserify can be exchanged by webpack (personal experience showed gain from ~170kB to ~86kB)

  3. Use the Production Build (NODE_ENV, React)

  4. Use minification and compression (gzip/brotli) for CSS (https://github.com/mynameiswhm/brotli-webpack-plugin)

  5. Use compression (gzip/brotli) for application JS bundle and widget JS bundles (https://certsimple.com/blog/nginx-brotli)

  6. Create common bundle for widgets JS files (using factor-bundle)

  7. Use ES modules (check Babel configuration not to use CommonJS)

  8. Use Webpack's code splitting

  9. Enable module concatenation in webpack

  10. Optimize usage of big libraries - Semantic UI, Lodash, Moment, ...

Priorities:

Status

Assignee

Jakub Niezgoda

Reporter

Jakub Niezgoda

Labels

Target Version

4.4

QA Owner

Uri Wygodny

Premium Only

no

Documentation Required

No

Why Blocked?

None

Release Notes

yes

Priority

None

Sprint

None

Priority

Unprioritized
Configure