1572103 - Getting to the upper bundle limit

Status: RESOLVED DUPLICATE of bug 1384255

(Tree Management :: Treeherder: Frontend, defect, P2)

Description

[Armen [:armenzg]]

I've found myself needing to run |yarn-deduplicate| 2-3 times in the last few weeks to manage keeping the bundle size within the 2MB size.

The worst offender is assets/perf.098da129.js with 1.52MB.

sclements: any suggestions?

$ yarn build

yarn run v1.16.0

$ node ./node_modules/webpack/bin/webpack.js --mode production

Hash: 3951d656ddc63ff8c34e

Version: webpack 4.39.1

Time: 82156ms

Built at: 08/07/2019 2:27:39 PM

                                    Asset       Size  Chunks             Chunk Names

                     assets/1.94f815ad.js    184 KiB       1  [emitted]  

                    assets/14.c8ed6c67.js    232 KiB      14  [emitted]  

                    assets/2.090c6af5.css    152 KiB       2  [emitted]  

                     assets/2.d00b6c92.js   82 bytes       2  [emitted]  

                     assets/3.c31181f8.js   9.48 KiB       3  [emitted]  

                     assets/4.59ddb5fc.js    139 KiB       4  [emitted]  

                     assets/5.b906e532.js   46.7 KiB       5  [emitted]  

                 assets/index.6d0c2c29.js   1020 KiB   6, 14  [emitted]  index

                assets/index.90960e76.css   49.4 KiB   6, 14  [emitted]  index

assets/intermittent-failures.64efeb2b.css   37.4 KiB       7  [emitted]  intermittent-failures

 assets/intermittent-failures.709fe293.js    757 KiB       7  [emitted]  intermittent-failures

                 assets/login.19ce70a4.js   7.29 KiB       8  [emitted]  login

                assets/login.2bf2343d.css   73 bytes       8  [emitted]  login

             assets/logviewer.7068bc17.js    555 KiB       9  [emitted]  logviewer

            assets/logviewer.c87a2f4c.css   16.2 KiB       9  [emitted]  logviewer

                  assets/perf.098da129.js   1.52 MiB  10, 14  [emitted]  perf

                 assets/perf.cc9d605b.css   30.2 KiB  10, 14  [emitted]  perf

            assets/pushhealth.48a996f3.js    384 KiB  11, 14  [emitted]  pushhealth

           assets/pushhealth.eb96ec8a.css   22.4 KiB  11, 14  [emitted]  pushhealth

               assets/runtime.e1f76f78.js   1.46 KiB       0  [emitted]  runtime

             assets/testview.326dbe4f.css   2.86 KiB      12  [emitted]  testview

              assets/testview.b3238d9f.js   99.3 KiB      12  [emitted]  testview

      assets/treeherder-logo.3df97cff.png   8.45 KiB          [emitted]  

            assets/userguide.0bc54a0f.css   22.1 KiB      13  [emitted]  userguide

             assets/userguide.a36700a9.js   14.6 KiB      13  [emitted]  userguide

                          contribute.json  942 bytes          [emitted]  

                               index.html  570 bytes          [emitted]  

               intermittent-failures.html  618 bytes          [emitted]  

                               login.html  386 bytes          [emitted]  

                           logviewer.html  592 bytes          [emitted]  

                        logviewerIcon.png  799 bytes          [emitted]  

                                perf.html   2.41 KiB          [emitted]  

                          pushhealth.html  533 bytes          [emitted]  

                             revision.txt  252 bytes          [emitted]  

                               robots.txt   26 bytes          [emitted]  

                            testview.html  538 bytes          [emitted]  

                            tree_open.png  534 bytes          [emitted]  

                           userguide.html  544 bytes          [emitted]  

ERROR in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (2 MiB). This can impact web performance.

Entrypoints:

  perf (2.02 MiB)

      assets/runtime.e1f76f78.js

      assets/1.94f815ad.js

      assets/2.090c6af5.css

      assets/2.d00b6c92.js

      assets/3.c31181f8.js

      assets/4.59ddb5fc.js

      assets/perf.cc9d605b.css

      assets/perf.098da129.js

Comment 1

[Sarah Clements [:sclements]]

Well, we should be de-duplicating regardless but once I finish the react conversion and remove angular and it's dependencies the bundle size will go down. I've had to bump up the threshold a few times for this reason (it can be done in the neutrinorc.js file if needed but unless it's urgent I'd hold off on doing so since I expect to switch Perfherder to react-router by next week). You might find bug 1384255 useful.