Reduce initial load JS size

midnight-madman commented 2 years ago

Ideas:

separate into pages with one common navbar, header + footer
investigate why rendering list of links is so big

midnight-madman commented 2 years ago

8f2151d47825b6486c7404fe7b6db735e06cacdb commit separated one large page into smaller ones, didn't lead to meaningful reduction

midnight-madman commented 2 years ago

current state:

Route (pages)                              Size     First Load JS
┌ ● / (ISR: 3600 Seconds) (1499 ms)        14.9 kB         353 kB
├   /_app                                  0 B            85.7 kB
├ ○ /404                                   195 B          85.9 kB
├ λ /api/auth/[...nextauth]                0 B            85.7 kB
├ ○ /contribute (694 ms)                   80.4 kB         419 kB
└ ○ /info (538 ms)                         5.86 kB         320 kB
+ First Load JS shared by all              96.8 kB
  ├ chunks/framework-bb5c596eafb42b22.js   42.1 kB
  ├ chunks/main-fd0580ad2adad95b.js        31.2 kB
  ├ chunks/pages/_app-a1b5e268ba4b420a.js  10.1 kB
  ├ chunks/webpack-d6af8cdcf23c60b2.js     2.29 kB
  └ css/7bcf5caa604d9fef.css               11.1 kB

midnight-madman / Loopie

Reduce initial load JS size #12