Splitting modules (Some chunks are larger than 500 kBs after minification)

[sberprime]

This error

(!) Some chunks are larger than 500 kBs after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.

cannot interfere with the site, but mobile players die from long compilation, together with @mirdukkkkk we conducted a small investigation

Why does this happen?

If we divide the frontend into modules (libraries), we will get the following result after minification:

WE FOUND THE IMPOSTER! Oh yeah, @pixi lib is what all the fuss is about, suggest what we can do below.

Test results

Lighthouse (Navigation - Mobile)

LIghthouse (Navigation - Desktop)

My comments

The Lighthouse itself says that @pixi is stuffed with too much unusual shit, I’m waiting for the developer’s response on this matter

Thx @mirdukkkkk and me.

[sberprime]

Desktop Lighthouse info Mobile LIghthouse info

[mirdukkkkk]

currently in dev branch (without division by libraries)

Lighthouse (Navigation - Mobile)

Lighthouse (Navigation - Desktop)

2 times faster ⚡

[sberprime]

fine