search

svfc-online-voting-system / OnlineVotingSystem_Frontend

https://online-voting-system-sepia.vercel.app
3 stars 2 forks source link

Browser bundle exceeds the 512kb limit #87

Open uaenaaaa opened 1 month ago

uaenaaaa commented 1 month ago 
Browser bundles
Initial chunk files     | Names                     |  Raw size | Estimated transfer size
chunk-5D46G7OC.js       | -                         | 167.40 kB |                49.17 kB
chunk-7VMRVD4L.js       | -                         | 128.52 kB |                21.23 kB
chunk-NROO27JQ.js       | -                         | 111.36 kB |                28.11 kB
main-GLUN7GFJ.js        | main                      |  79.31 kB |                10.15 kB
chunk-IPVGO7CY.js       | -                         |  63.09 kB |                16.78 kB
styles-X3TLVZXV.css     | styles                    |  57.61 kB |                 6.36 kB
polyfills-FFHMD2TL.js   | polyfills                 |  34.52 kB |                11.28 kB
chunk-RI2MIENV.js       | -                         |  13.90 kB |                 3.58 kB
chunk-TSRDSS76.js       | -                         |   6.57 kB |                 1.47 kB
chunk-CARY4E7O.js       | -                         |   4.32 kB |                 1.07 kB

                        | Initial total             | 666.58 kB |               149.22 kB

Lazy chunk files        | Names                     |  Raw size | Estimated transfer size
chunk-YTQ7WLPQ.js       | signup-component          | 158.40 kB |                24.20 kB
chunk-53SWWKY6.js       | -                         | 100.04 kB |                21.14 kB
chunk-D7QBEDXN.js       | home-component            |  78.85 kB |                15.01 kB
chunk-YCQR4E6V.js       | login-component           |  70.25 kB |                 8.61 kB
chunk-ZCI6FWTI.js       | otp-component             |  68.25 kB |                 8.11 kB
chunk-KXX435VK.js       | forgot-password-component |  67.68 kB |                 7.92 kB
chunk-MVFRZZDO.js       | -                         |  62.00 kB |                10.80 kB
chunk-5YEQ4GJ6.js       | -                         |  40.06 kB |                 9.97 kB
chunk-NY5LPLWR.js       | -                         |  35.36 kB |                 7.38 kB
chunk-Q5RWVOG3.js       | -                         |  30.84 kB |                 7.00 kB
chunk-XWBA5M4D.js       | -                         |  15.29 kB |                 4.03 kB
chunk-J2EHHPWG.js       | -                         |  12.54 kB |                 3.83 kB
chunk-SKIMQ6F2.js       | -                         |   8.86 kB |                 2.21 kB
chunk-MDC6N7EM.js       | -                         |   8.61 kB |                 2.76 kB
chunk-G6TH4BK3.js       | -                         |   7.87 kB |                 2.58 kB
...and 19 more lazy chunks files. Use "--verbose" to show all the files.

Server bundles
Initial chunk files     | Names                     |  Raw size
server.mjs              | server                    |   1.11 MB | 
polyfills.server.mjs    | polyfills.server          | 268.60 kB | 
chunk-62IVK7OY.mjs      | -                         | 244.95 kB | 
chunk-VMLYPCTD.mjs      | -                         | 185.06 kB | 
chunk-UCZXHPLF.mjs      | -                         | 128.59 kB | 
chunk-P4AP5ZQQ.mjs      | -                         | 111.46 kB | 
chunk-EMXVFJJZ.mjs      | -                         |  78.74 kB | 
chunk-ALBW54TU.mjs      | -                         |  63.16 kB | 
chunk-J5AXSGJB.mjs      | -                         |  13.96 kB | 
chunk-Q6NY2UAS.mjs      | -                         |   6.60 kB | 
chunk-2UYROUIQ.mjs      | -                         |   4.35 kB | 
chunk-5XUXGTUW.mjs      | -                         |   2.55 kB | 
render-utils.server.mjs | render-utils.server       |   1.62 kB | 
main.server.mjs         | main.server               | 352 bytes | 

Lazy chunk files        | Names                     |  Raw size
chunk-Z4Q4OE2O.mjs      | signup-component          | 158.47 kB | 
chunk-3EIDYKNG.mjs      | -                         | 100.11 kB | 
chunk-VCCVETEZ.mjs      | home-component            |  78.92 kB | 
chunk-2BN2UM7C.mjs      | login-component           |  70.33 kB | 
chunk-67HAHC6Y.mjs      | otp-component             |  68.33 kB | 
chunk-GITJ6PKT.mjs      | forgot-password-component |  67.75 kB | 
chunk-6FFVMS5P.mjs      | -                         |  62.03 kB | 
chunk-UZ64SG2G.mjs      | -                         |  40.13 kB | 
chunk-MQH4BYVM.mjs      | -                         |  35.42 kB | 
chunk-IHZVNAIE.mjs      | -                         |  30.88 kB | 
chunk-5DKXCRVH.mjs      | -                         |  15.35 kB | 
chunk-MVJIXRFF.mjs      | -                         |  12.59 kB | 
chunk-VCVCHJZV.mjs      | xhr2                      |  12.07 kB | 
chunk-UJMXICI3.mjs      | -                         |   8.89 kB | 
chunk-HA4XZUHK.mjs      | -                         |   8.65 kB | 
...and 20 more lazy chunks files. Use "--verbose" to show all the files.

Prerendered 21 static routes.
Application bundle generation failed. [25.734 seconds]

▲ [WARNING] bundle initial exceeded maximum budget. Budget 512.00 kB was not met by 154.58 kB with a total of 666.58 kB.

▲ [WARNING] src/app/routes/home/home.component.scss exceeded maximum budget. Budget 2.05 kB was not met by 60.21 kB with a total of 62.26 kB.

▲ [WARNING] src/styles/auth_forms.scss exceeded maximum budget. Budget 2.05 kB was not met by 58.11 kB with a total of 60.16 kB.

X [ERROR] src/app/routes/home/home.component.scss exceeded maximum budget. Budget 4.10 kB was not met by 58.16 kB with a total of 62.26 kB.

X [ERROR] src/styles/auth_forms.scss exceeded maximum budget. Budget 4.10 kB was not met by 56.06 kB with a total of 60.16 kB.
uaenaaaa commented 1 month ago

update on optimization, after doing a placeholder classes to optimize the bundle size it goes down dramatically in my recent build:

Browser bundles
Initial chunk files     | Names                     |  Raw size | Estimated transfer size
chunk-5D46G7OC.js       | -                         | 167.40 kB |                49.17 kB
chunk-GEXIGI4C.js       | -                         | 128.26 kB |                21.27 kB
chunk-NROO27JQ.js       | -                         | 111.36 kB |                28.11 kB
chunk-IPVGO7CY.js       | -                         |  63.09 kB |                16.78 kB
styles-VFNQEUY2.css     | styles                    |  56.79 kB |                 6.17 kB
polyfills-FFHMD2TL.js   | polyfills                 |  34.52 kB |                11.28 kB
main-7DBDFOXT.js        | main                      |  18.38 kB |                 3.78 kB
chunk-RI2MIENV.js       | -                         |  13.90 kB |                 3.58 kB
chunk-YZR6KVSR.js       | -                         |   6.57 kB |                 1.48 kB
chunk-CARY4E7O.js       | -                         |   4.32 kB |                 1.07 kB

                        | Initial total             | 604.59 kB |               142.69 kB
uaenaaaa commented 1 month ago

latest build run:

Browser bundles
Initial chunk files     | Names                     |  Raw size | Estimated transfer size
chunk-5D46G7OC.js       | -                         | 167.40 kB |                49.17 kB
chunk-GEXIGI4C.js       | -                         | 128.26 kB |                21.27 kB
chunk-NROO27JQ.js       | -                         | 111.36 kB |                28.11 kB
chunk-IPVGO7CY.js       | -                         |  63.09 kB |                16.78 kB
styles-VFNQEUY2.css     | styles                    |  56.79 kB |                 6.17 kB
polyfills-FFHMD2TL.js   | polyfills                 |  34.52 kB |                11.28 kB
main-W6UPWBQK.js        | main                      |  14.16 kB |                 3.68 kB
chunk-RI2MIENV.js       | -                         |  13.90 kB |                 3.58 kB
chunk-YZR6KVSR.js       | -                         |   6.57 kB |                 1.48 kB
chunk-CARY4E7O.js       | -                         |   4.32 kB |                 1.07 kB

                        | Initial total             | 600.37 kB |               142.60 kB