search

TWiStErRob / net.twisterrob.cinema

Cineworld Unlimited planner web-app
https://cinema.twisterrob.net/planner
2 stars 0 forks source link

Bundle sizes are large, reduce them #72

Open TWiStErRob opened 3 years ago

TWiStErRob commented 3 years ago 
P:\projects\workspace\Cineworld Cinema\Heroku\frontend>npm run build-prod

> twisterrob-cinema-web-frontend@ build-prod P:\projects\workspace\Cineworld Cinema\Heroku\frontend
> webpack --config webpack.config.js --mode=production --progress

Running in mode: production; deploying to P:\projects\workspace\Cineworld Cinema\Heroku\deploy.
assets by status 212 KiB [cached] 6 assets
assets by path planner-old/ 117 KiB
  assets by status 89.9 KiB [emitted] 8 assets
  assets by status 26.8 KiB [compared for emit]
    assets by path planner-old/images/ 17.9 KiB 3 assets
    assets by path planner-old/styles/*.css 3.57 KiB
      asset planner-old/styles/global.css 1.8 KiB [compared for emit] [from: src/old/styles/global.css] [copied]
      asset planner-old/styles/planner.css 1.77 KiB [compared for emit] [from: src/old/styles/planner.css] [copied]
    asset planner-old/index.html 5.32 KiB [compared for emit] [from: src/old/index.html] [copied]
assets by path planner/ 919 KiB
  asset planner/index.bundle.js 748 KiB [emitted] [minimized] [big] (name: planner/index) 1 related asset
  asset planner/index.css 153 KiB [emitted] (name: planner/index)
  asset planner/index.html 18.5 KiB [emitted]
asset index.html 467 bytes [emitted]
Entrypoint planner/index [big] 900 KiB (212 KiB) = planner/index.css 153 KiB planner/index.bundle.js 748 KiB 6 auxiliary assets
orphan modules 5.62 KiB [orphan] 5 modules
runtime modules 1010 bytes 5 modules
modules by path ./node_modules/moment/locale/*.js 499 KiB 135 modules
modules by path ./src/planner/ 63.9 KiB (javascript) 10.1 KiB (css/mini-extract) 28 modules
modules by path ./node_modules/angular/*.js 1.31 MiB 2 modules
modules by path ./node_modules/angular-resource/*.js 37.3 KiB
  ./node_modules/angular-resource/index.js 62 bytes [built] [code generated]
  ./node_modules/angular-resource/angular-resource.js 37.2 KiB [built] [code generated]
modules by path ./node_modules/angular-animate/*.js 153 KiB
  ./node_modules/angular-animate/index.js 60 bytes [built] [code generated]
  ./node_modules/angular-animate/angular-animate.js 153 KiB [built] [code generated]
modules by path ./node_modules/angular-ui-bootstrap/ 270 KiB
  ./node_modules/angular-ui-bootstrap/index.js 71 bytes [built] [code generated]
  ./node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js 270 KiB [built] [code generated]
5 modules

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  planner/index.bundle.js (748 KiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  planner/index (900 KiB)
      planner/index.css
      planner/index.bundle.js

WARNING in webpack performance recommendations: 
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/

webpack 5.52.1 compiled with 3 warnings in 8027 ms

WIP branch, at a roadblock: chunks

TWiStErRob commented 3 years ago

https://github.com/TWiStErRob/net.twisterrob.cinema/tree/chunks