Maximum Chunks & File Size

[mousedown]

I've been optimising my site (First Contentful Paint mainly). I started going through the code base, having a big clean and tidy. Lightening the DOM , removing unused CSS, deleting redundant components etc. Basically, just removing things. Lots of things. Nothing was introduced, I was amazed to see that the next output stats were made worse. More chunks were created, and the First Load sizes for all increased. Experimental , granularChunks: true did nothing.

Is this expected behaviour? Can anyone shed any light on how this could be possible. I get that there must be some duplication across the chunks which I'm trying to avoid.

[Huespal]

We are in the same boat.

NextJS 9.4.4, react, redux, sagas, styled components, hotjar and GTM. Some custom fonts, no image assets. Very little code in pages.

'node_modules' chunk -> ~250Kb

I don't understand how to get < 130Kb to avoid those red numbers.

Any help is appreciated.

P.D: experimental granularChunks did nothing.