javascript - Next.js - Bundle Size too Large (~3MB) - Stack Overflow

admin管理员组

文章数量:1335403

I would like to ask if there is any method to slim my Next.JS bundle. Especially the Node Modules - which leads to the Browser loading so much MBs, therefore slowing down the initial browsing.

Here is the analysis:

I am wele to give more information whenever you ask more.

I would like to ask if there is any method to slim my Next.JS bundle. Especially the Node Modules - which leads to the Browser loading so much MBs, therefore slowing down the initial browsing.

Here is the analysis:

I am wele to give more information whenever you ask more.

• javascript
• reactjs
• webpack
• next.js

Share Improve this question Follow asked May 24, 2018 at 4:37 Vanson Wing LeungVanson Wing Leung 32555 silver badges1414 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

It looks like you're using webpack, here are a couple things to try:

Code Splitting

Code splitting is one of the most pelling features of webpack. This feature allows you to split your code into various bundles which can then be loaded on demand or in parallel. It can be used to achieve smaller bundles and control resource load prioritization which, if used correctly, can have a major impact on load time.

Tree Shaking

Tree shaking is a term monly used in the JavaScript context for dead-code elimination. It relies on the static structure of ES2015 module syntax, i.e. import and export. The name and concept have been popularized by the ES2015 module bundler rollup.

本文标签： javascriptNextjsBundle Size too Large (3MB)Stack Overflow