Babel fast mode #23760

divmain · 2021-04-07T06:27:41Z

@timneutkens it'd be great to get your input.

These changes introduce a new Babel loader that eliminates much of the existing overhead, resulting in better HMR speeds.
Multithreading is still in flight, and may be omitted if speed improvements end up being negligible. For now, the new loader is hidden behind an experimental flag.

Items to be completed before this PR is ready to merge:

reconfigure ncc to precompile the parts of @babel/core and @babel/traverse that we're accessing directly
change @babel/core/... imports to ncced version
~~measure multithreading (not currently pushed) functionality, and include the functionality depending on the results~~ I'll open a separate PR for this
ensure TypeScript is happy with all imports as final step (--no-verify was used to bypass)

There will be two follow-up PRs:

loader support for projects with custom .babelrc
multithreaded loader (should the change we warranted after measurement)

packages/next/build/babel/loader/get-config.ts

* origin/canary: (36 commits) Fixed issue accessing index page of "with-reason-relay" example (vercel#23780) upgrade to webpack 5.31.0 (vercel#23776) Add note about prefetching (vercel#23732) v10.1.4-canary.2 Ensure no-op export returns without error (vercel#23752) Update to with-supertokens example (vercel#23728) Ensure fallback rewrites dont match over pages with i18n (vercel#23674) Ensure basePath is not applied for external GSSP redirect (vercel#23673) Fix webpack5 cache distDir (vercel#23718) v10.1.4-canary.1 Stop mutating `resolvedAsPath` (vercel#23705) Font optimization (vercel#21676) v10.1.4-canary.0 Ensure default fallback values are correct with i18n (vercel#23675) Fix: Codeblock Syntax Highlighting (vercel#23545) fix with-mqtt-js example. (vercel#23636) fix with-styled-jsx-plugins example. (vercel#23635) fix with-web-worker example. (vercel#23634) fixes a part of vercel#23607 remove with-glamor example (vercel#23639) v10.1.3 ... # Conflicts: # packages/next/package.json # yarn.lock

Although the following should exclude the default export, it doesn't appear to do so: export * from '@babel/XYZ' Instead, for TypeScript to see the default export as callable, the following must be used import xyz from '@babel/XYZ' export default xyz export * from '@babel/xyz'

ijjk · 2021-04-08T03:42:28Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	13.5s	13.1s	-408ms
nodeModulesSize	46 MB	45.7 MB	-256 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.911	2.794	-0.12
/ avg req/sec	858.89	894.93	+36.04
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.645	1.575	-0.07
/error-in-render avg req/sec	1519.85	1586.84	+66.99

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
677f882d2ed8..e6c6.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.12 kB	7.12 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.2 kB	60.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-8fbabfc..6440.js gzip	1.28 kB	1.28 kB	✓
_error-d07ca..ef4d.js gzip	3.71 kB	3.71 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-c31053f..c329.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.89 kB	8.89 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	371 B	371 B	✓
Overall change	371 B	371 B	✓

Rendered Page Sizes

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
index.html gzip	613 B	613 B	✓
link.html gzip	620 B	620 B	✓
withRouter.html gzip	608 B	608 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	15.2s	15.6s	⚠️ +319ms
nodeModulesSize	46 MB	45.7 MB	-256 kB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
677f882d2ed8..e6c6.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.12 kB	7.12 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.2 kB	60.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-8fbabfc..6440.js gzip	1.28 kB	1.28 kB	✓
_error-d07ca..ef4d.js gzip	3.71 kB	3.71 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-c31053f..c329.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.89 kB	8.89 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	371 B	371 B	✓
Overall change	371 B	371 B	✓

Serverless bundles

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_error.js	1.37 MB	1.37 MB	✓
404.html	2.67 kB	2.67 kB	✓
500.html	2.65 kB	2.65 kB	✓
amp.amp.html	10.7 kB	10.7 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.37 MB	1.37 MB	✓
link.js	1.42 MB	1.42 MB	✓
routerDirect.js	1.42 MB	1.42 MB	✓
withRouter.js	1.42 MB	1.42 MB	✓
Overall change	7.01 MB	7.01 MB	✓

Webpack 5 Mode (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	15.5s	15.4s	-67ms
nodeModulesSize	46 MB	45.7 MB	-256 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.819	2.815	0
/ avg req/sec	886.89	888.08	+1.19
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.599	1.567	-0.03
/error-in-render avg req/sec	1563.81	1595.5	+31.69

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
597-3f457946..288d.js gzip	13.3 kB	13.3 kB	✓
778-5cc798ac..5c25.js gzip	7.05 kB	7.05 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	151 B	151 B	✓
webpack-HASH.js gzip	993 B	993 B	✓
Overall change	60.8 kB	60.8 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-5cc66b2..6f03.js gzip	1.3 kB	1.3 kB	✓
_error-55112..054d.js gzip	3.68 kB	3.68 kB	✓
amp-89a5460c..567f.js gzip	558 B	558 B	✓
hooks-8c2e74..be37.js gzip	924 B	924 B	✓
index-fec729..83b2.js gzip	243 B	243 B	✓
link-dd34d9b..0ade.js gzip	1.66 kB	1.66 kB	✓
routerDirect..5759.js gzip	336 B	336 B	✓
withRouter-1..98bf.js gzip	334 B	334 B	✓
Overall change	9.03 kB	9.03 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	349 B	349 B	✓
Overall change	349 B	349 B	✓

Rendered Page Sizes

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
index.html gzip	610 B	610 B	✓
link.html gzip	617 B	617 B	✓
withRouter.html gzip	605 B	605 B	✓
Overall change	1.83 kB	1.83 kB	✓

Diffs

Diff for index.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/",
         "query": {},
-        "buildId": "EibFTM58nx6zy3Tn_8HXm",
+        "buildId": "q9c0mqJmSDUPEcq-Dwus1",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/EibFTM58nx6zy3Tn_8HXm/_buildManifest.js"
+      src="/_next/static/q9c0mqJmSDUPEcq-Dwus1/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/EibFTM58nx6zy3Tn_8HXm/_ssgManifest.js"
+      src="/_next/static/q9c0mqJmSDUPEcq-Dwus1/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for link.html

@@ -48,7 +48,7 @@
         "props": { "pageProps": {} },
         "page": "/link",
         "query": {},
-        "buildId": "EibFTM58nx6zy3Tn_8HXm",
+        "buildId": "q9c0mqJmSDUPEcq-Dwus1",
         "isFallback": false,
         "gip": true
       }
@@ -82,11 +82,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/EibFTM58nx6zy3Tn_8HXm/_buildManifest.js"
+      src="/_next/static/q9c0mqJmSDUPEcq-Dwus1/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/EibFTM58nx6zy3Tn_8HXm/_ssgManifest.js"
+      src="/_next/static/q9c0mqJmSDUPEcq-Dwus1/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for withRouter.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/withRouter",
         "query": {},
-        "buildId": "EibFTM58nx6zy3Tn_8HXm",
+        "buildId": "q9c0mqJmSDUPEcq-Dwus1",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/EibFTM58nx6zy3Tn_8HXm/_buildManifest.js"
+      src="/_next/static/q9c0mqJmSDUPEcq-Dwus1/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/EibFTM58nx6zy3Tn_8HXm/_ssgManifest.js"
+      src="/_next/static/q9c0mqJmSDUPEcq-Dwus1/_ssgManifest.js"
       async=""
     ></script>
   </body>

Commit: 7e5452e

ijjk · 2021-04-08T04:05:34Z

Stats from current PR

Default Server Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	14s	13.9s	-149ms
nodeModulesSize	46 MB	45.7 MB	-256 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3	2.948	-0.05
/ avg req/sec	833.45	847.99	+14.54
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.814	1.881	⚠️ +0.07
/error-in-render avg req/sec	1378.47	1328.9	⚠️ -49.57

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
677f882d2ed8..e6c6.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.12 kB	7.12 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.2 kB	60.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-8fbabfc..6440.js gzip	1.28 kB	1.28 kB	✓
_error-d07ca..ef4d.js gzip	3.71 kB	3.71 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-c31053f..c329.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.89 kB	8.89 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	371 B	371 B	✓
Overall change	371 B	371 B	✓

Rendered Page Sizes

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
index.html gzip	613 B	613 B	✓
link.html gzip	620 B	620 B	✓
withRouter.html gzip	608 B	608 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	16.5s	16.1s	-352ms
nodeModulesSize	46 MB	45.7 MB	-256 kB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
677f882d2ed8..e6c6.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.12 kB	7.12 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.2 kB	60.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-8fbabfc..6440.js gzip	1.28 kB	1.28 kB	✓
_error-d07ca..ef4d.js gzip	3.71 kB	3.71 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-c31053f..c329.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.89 kB	8.89 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	371 B	371 B	✓
Overall change	371 B	371 B	✓

Serverless bundles

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_error.js	1.37 MB	1.37 MB	✓
404.html	2.67 kB	2.67 kB	✓
500.html	2.65 kB	2.65 kB	✓
amp.amp.html	10.7 kB	10.7 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.37 MB	1.37 MB	✓
link.js	1.42 MB	1.42 MB	✓
routerDirect.js	1.42 MB	1.42 MB	✓
withRouter.js	1.42 MB	1.42 MB	✓
Overall change	7.01 MB	7.01 MB	✓

Webpack 5 Mode (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	16.6s	16.8s	⚠️ +191ms
nodeModulesSize	46 MB	45.7 MB	-256 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.972	2.952	-0.02
/ avg req/sec	841.31	846.85	+5.54
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.789	1.702	-0.09
/error-in-render avg req/sec	1397.06	1469.12	+72.06

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
597-3f457946..288d.js gzip	13.3 kB	13.3 kB	✓
778-5cc798ac..5c25.js gzip	7.05 kB	7.05 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	151 B	151 B	✓
webpack-HASH.js gzip	993 B	993 B	✓
Overall change	60.8 kB	60.8 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-5cc66b2..6f03.js gzip	1.3 kB	1.3 kB	✓
_error-55112..054d.js gzip	3.68 kB	3.68 kB	✓
amp-89a5460c..567f.js gzip	558 B	558 B	✓
hooks-8c2e74..be37.js gzip	924 B	924 B	✓
index-fec729..83b2.js gzip	243 B	243 B	✓
link-dd34d9b..0ade.js gzip	1.66 kB	1.66 kB	✓
routerDirect..5759.js gzip	336 B	336 B	✓
withRouter-1..98bf.js gzip	334 B	334 B	✓
Overall change	9.03 kB	9.03 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	349 B	349 B	✓
Overall change	349 B	349 B	✓

Rendered Page Sizes

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
index.html gzip	610 B	610 B	✓
link.html gzip	617 B	617 B	✓
withRouter.html gzip	605 B	605 B	✓
Overall change	1.83 kB	1.83 kB	✓

Diffs

Diff for index.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/",
         "query": {},
-        "buildId": "afx0aqMIsYgOgDZvzDwja",
+        "buildId": "CGQyTDceU0kl4bhvL5aWr",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/afx0aqMIsYgOgDZvzDwja/_buildManifest.js"
+      src="/_next/static/CGQyTDceU0kl4bhvL5aWr/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/afx0aqMIsYgOgDZvzDwja/_ssgManifest.js"
+      src="/_next/static/CGQyTDceU0kl4bhvL5aWr/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for link.html

@@ -48,7 +48,7 @@
         "props": { "pageProps": {} },
         "page": "/link",
         "query": {},
-        "buildId": "afx0aqMIsYgOgDZvzDwja",
+        "buildId": "CGQyTDceU0kl4bhvL5aWr",
         "isFallback": false,
         "gip": true
       }
@@ -82,11 +82,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/afx0aqMIsYgOgDZvzDwja/_buildManifest.js"
+      src="/_next/static/CGQyTDceU0kl4bhvL5aWr/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/afx0aqMIsYgOgDZvzDwja/_ssgManifest.js"
+      src="/_next/static/CGQyTDceU0kl4bhvL5aWr/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for withRouter.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/withRouter",
         "query": {},
-        "buildId": "afx0aqMIsYgOgDZvzDwja",
+        "buildId": "CGQyTDceU0kl4bhvL5aWr",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/afx0aqMIsYgOgDZvzDwja/_buildManifest.js"
+      src="/_next/static/CGQyTDceU0kl4bhvL5aWr/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/afx0aqMIsYgOgDZvzDwja/_ssgManifest.js"
+      src="/_next/static/CGQyTDceU0kl4bhvL5aWr/_ssgManifest.js"
       async=""
     ></script>
   </body>

Commit: 06097fd

ijjk · 2021-04-08T04:23:57Z

Stats from current PR

Default Server Mode (Decrease detected ✓)

General Overall increase ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	10.4s	10s	-366ms
nodeModulesSize	46 MB	46.7 MB	⚠️ +780 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.07	2.121	⚠️ +0.05
/ avg req/sec	1207.91	1178.41	⚠️ -29.5
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.069	1.104	⚠️ +0.04
/error-in-render avg req/sec	2338.36	2264.93	⚠️ -73.43

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
677f882d2ed8..e6c6.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.12 kB	7.12 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.2 kB	60.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-8fbabfc..6440.js gzip	1.28 kB	1.28 kB	✓
_error-d07ca..ef4d.js gzip	3.71 kB	3.71 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-c31053f..c329.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.89 kB	8.89 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	371 B	371 B	✓
Overall change	371 B	371 B	✓

Rendered Page Sizes

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
index.html gzip	613 B	613 B	✓
link.html gzip	620 B	620 B	✓
withRouter.html gzip	608 B	608 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode

General Overall increase ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	12s	11.7s	-269ms
nodeModulesSize	46 MB	46.7 MB	⚠️ +780 kB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
677f882d2ed8..e6c6.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.12 kB	7.12 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.2 kB	60.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-8fbabfc..6440.js gzip	1.28 kB	1.28 kB	✓
_error-d07ca..ef4d.js gzip	3.71 kB	3.71 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-c31053f..c329.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.89 kB	8.89 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	371 B	371 B	✓
Overall change	371 B	371 B	✓

Serverless bundles

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_error.js	1.37 MB	1.37 MB	✓
404.html	2.67 kB	2.67 kB	✓
500.html	2.65 kB	2.65 kB	✓
amp.amp.html	10.7 kB	10.7 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.37 MB	1.37 MB	✓
link.js	1.42 MB	1.42 MB	✓
routerDirect.js	1.42 MB	1.42 MB	✓
withRouter.js	1.42 MB	1.42 MB	✓
Overall change	7.01 MB	7.01 MB	✓

Webpack 5 Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	11.8s	11.9s	⚠️ +104ms
nodeModulesSize	46 MB	46.7 MB	⚠️ +780 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.101	2.13	⚠️ +0.03
/ avg req/sec	1190.13	1173.77	⚠️ -16.36
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.106	1.085	-0.02
/error-in-render avg req/sec	2261.06	2303.18	+42.12

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
597-3f457946..288d.js gzip	13.3 kB	13.3 kB	✓
778-5cc798ac..5c25.js gzip	7.05 kB	7.05 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	151 B	151 B	✓
webpack-HASH.js gzip	993 B	993 B	✓
Overall change	60.8 kB	60.8 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-5cc66b2..6f03.js gzip	1.3 kB	1.3 kB	✓
_error-55112..054d.js gzip	3.68 kB	3.68 kB	✓
amp-89a5460c..567f.js gzip	558 B	558 B	✓
hooks-8c2e74..be37.js gzip	924 B	924 B	✓
index-fec729..83b2.js gzip	243 B	243 B	✓
link-dd34d9b..0ade.js gzip	1.66 kB	1.66 kB	✓
routerDirect..5759.js gzip	336 B	336 B	✓
withRouter-1..98bf.js gzip	334 B	334 B	✓
Overall change	9.03 kB	9.03 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	349 B	349 B	✓
Overall change	349 B	349 B	✓

Rendered Page Sizes

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
index.html gzip	610 B	610 B	✓
link.html gzip	617 B	617 B	✓
withRouter.html gzip	605 B	605 B	✓
Overall change	1.83 kB	1.83 kB	✓

Diffs

Diff for index.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/",
         "query": {},
-        "buildId": "ldzInv_yKrj5W7s2Yttb5",
+        "buildId": "MCZPb6Cna5Ex9t-5KNRvz",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/ldzInv_yKrj5W7s2Yttb5/_buildManifest.js"
+      src="/_next/static/MCZPb6Cna5Ex9t-5KNRvz/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/ldzInv_yKrj5W7s2Yttb5/_ssgManifest.js"
+      src="/_next/static/MCZPb6Cna5Ex9t-5KNRvz/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for link.html

@@ -48,7 +48,7 @@
         "props": { "pageProps": {} },
         "page": "/link",
         "query": {},
-        "buildId": "ldzInv_yKrj5W7s2Yttb5",
+        "buildId": "MCZPb6Cna5Ex9t-5KNRvz",
         "isFallback": false,
         "gip": true
       }
@@ -82,11 +82,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/ldzInv_yKrj5W7s2Yttb5/_buildManifest.js"
+      src="/_next/static/MCZPb6Cna5Ex9t-5KNRvz/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/ldzInv_yKrj5W7s2Yttb5/_ssgManifest.js"
+      src="/_next/static/MCZPb6Cna5Ex9t-5KNRvz/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for withRouter.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/withRouter",
         "query": {},
-        "buildId": "ldzInv_yKrj5W7s2Yttb5",
+        "buildId": "MCZPb6Cna5Ex9t-5KNRvz",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/ldzInv_yKrj5W7s2Yttb5/_buildManifest.js"
+      src="/_next/static/MCZPb6Cna5Ex9t-5KNRvz/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/ldzInv_yKrj5W7s2Yttb5/_ssgManifest.js"
+      src="/_next/static/MCZPb6Cna5Ex9t-5KNRvz/_ssgManifest.js"
       async=""
     ></script>
   </body>

Commit: 1e1e585

…d ESM." This reverts commit 06097fd.

ijjk · 2021-04-08T09:19:40Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	13.8s	13.6s	-174ms
nodeModulesSize	46 MB	46.7 MB	⚠️ +779 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3.023	2.801	-0.22
/ avg req/sec	827.06	892.51	+65.45
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.747	1.711	-0.04
/error-in-render avg req/sec	1431.25	1461.38	+30.13

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
677f882d2ed8..e6c6.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.12 kB	7.12 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.2 kB	60.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-8fbabfc..6440.js gzip	1.28 kB	1.28 kB	✓
_error-d07ca..ef4d.js gzip	3.71 kB	3.71 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-c31053f..c329.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.89 kB	8.89 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	371 B	371 B	✓
Overall change	371 B	371 B	✓

Rendered Page Sizes

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
index.html gzip	613 B	613 B	✓
link.html gzip	620 B	620 B	✓
withRouter.html gzip	608 B	608 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode

General Overall increase ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	15.8s	16.5s	⚠️ +678ms
nodeModulesSize	46 MB	46.7 MB	⚠️ +779 kB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
677f882d2ed8..e6c6.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.12 kB	7.12 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.2 kB	60.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-8fbabfc..6440.js gzip	1.28 kB	1.28 kB	✓
_error-d07ca..ef4d.js gzip	3.71 kB	3.71 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-c31053f..c329.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.89 kB	8.89 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	371 B	371 B	✓
Overall change	371 B	371 B	✓

Serverless bundles

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_error.js	1.37 MB	1.37 MB	✓
404.html	2.67 kB	2.67 kB	✓
500.html	2.65 kB	2.65 kB	✓
amp.amp.html	10.7 kB	10.7 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.37 MB	1.37 MB	✓
link.js	1.42 MB	1.42 MB	✓
routerDirect.js	1.42 MB	1.42 MB	✓
withRouter.js	1.42 MB	1.42 MB	✓
Overall change	7.01 MB	7.01 MB	✓

Webpack 5 Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	16.6s	16.4s	-148ms
nodeModulesSize	46 MB	46.7 MB	⚠️ +779 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.923	2.951	⚠️ +0.03
/ avg req/sec	855.39	847.12	⚠️ -8.27
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.675	1.655	-0.02
/error-in-render avg req/sec	1492.13	1510.46	+18.33

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
597-3f457946..288d.js gzip	13.3 kB	13.3 kB	✓
778-5cc798ac..5c25.js gzip	7.05 kB	7.05 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	151 B	151 B	✓
webpack-HASH.js gzip	993 B	993 B	✓
Overall change	60.8 kB	60.8 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-5cc66b2..6f03.js gzip	1.3 kB	1.3 kB	✓
_error-55112..054d.js gzip	3.68 kB	3.68 kB	✓
amp-89a5460c..567f.js gzip	558 B	558 B	✓
hooks-8c2e74..be37.js gzip	924 B	924 B	✓
index-fec729..83b2.js gzip	243 B	243 B	✓
link-dd34d9b..0ade.js gzip	1.66 kB	1.66 kB	✓
routerDirect..5759.js gzip	336 B	336 B	✓
withRouter-1..98bf.js gzip	334 B	334 B	✓
Overall change	9.03 kB	9.03 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	349 B	349 B	✓
Overall change	349 B	349 B	✓

Rendered Page Sizes

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
index.html gzip	610 B	610 B	✓
link.html gzip	617 B	617 B	✓
withRouter.html gzip	605 B	605 B	✓
Overall change	1.83 kB	1.83 kB	✓

Diffs

Diff for index.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/",
         "query": {},
-        "buildId": "wxvvwMtSsSwqEPXuqPHNa",
+        "buildId": "CIEbq1S_xl-3vFcGvDlqs",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/wxvvwMtSsSwqEPXuqPHNa/_buildManifest.js"
+      src="/_next/static/CIEbq1S_xl-3vFcGvDlqs/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/wxvvwMtSsSwqEPXuqPHNa/_ssgManifest.js"
+      src="/_next/static/CIEbq1S_xl-3vFcGvDlqs/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for link.html

@@ -48,7 +48,7 @@
         "props": { "pageProps": {} },
         "page": "/link",
         "query": {},
-        "buildId": "wxvvwMtSsSwqEPXuqPHNa",
+        "buildId": "CIEbq1S_xl-3vFcGvDlqs",
         "isFallback": false,
         "gip": true
       }
@@ -82,11 +82,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/wxvvwMtSsSwqEPXuqPHNa/_buildManifest.js"
+      src="/_next/static/CIEbq1S_xl-3vFcGvDlqs/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/wxvvwMtSsSwqEPXuqPHNa/_ssgManifest.js"
+      src="/_next/static/CIEbq1S_xl-3vFcGvDlqs/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for withRouter.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/withRouter",
         "query": {},
-        "buildId": "wxvvwMtSsSwqEPXuqPHNa",
+        "buildId": "CIEbq1S_xl-3vFcGvDlqs",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/wxvvwMtSsSwqEPXuqPHNa/_buildManifest.js"
+      src="/_next/static/CIEbq1S_xl-3vFcGvDlqs/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/wxvvwMtSsSwqEPXuqPHNa/_ssgManifest.js"
+      src="/_next/static/CIEbq1S_xl-3vFcGvDlqs/_ssgManifest.js"
       async=""
     ></script>
   </body>

Commit: 7e5969b

timneutkens · 2021-04-08T09:47:28Z

packages/next/build/babel/loader/get-config.ts

+    hasReactRefresh,
+    hasJsxRuntime,
+  } = loaderOptions
+  const configKey = `${isServer ? 'server' : 'client'}:${filename}`


This is going to keep increasing the configs map which causes increased memory usage right 🤔

Yes. It seemed like this cost would be negligible, but I'll take a look at whether there is a closure captured in the config somewhere that would cause a memory leak.

timneutkens

Looks good to land, we can check my last comment in a follow up PR

ijjk · 2021-04-08T11:50:06Z

Stats from current PR

Default Server Mode (Decrease detected ✓)

General Overall increase ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	9.9s	10.1s	⚠️ +184ms
nodeModulesSize	46 MB	46.7 MB	⚠️ +779 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.08	2.107	⚠️ +0.03
/ avg req/sec	1202.08	1186.48	⚠️ -15.6
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.073	1.098	⚠️ +0.03
/error-in-render avg req/sec	2329.89	2277.3	⚠️ -52.59

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
677f882d2ed8..e6c6.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.12 kB	7.12 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.2 kB	60.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-8fbabfc..6440.js gzip	1.28 kB	1.28 kB	✓
_error-d07ca..ef4d.js gzip	3.71 kB	3.71 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-c31053f..c329.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.89 kB	8.89 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	371 B	371 B	✓
Overall change	371 B	371 B	✓

Rendered Page Sizes

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
index.html gzip	613 B	613 B	✓
link.html gzip	620 B	620 B	✓
withRouter.html gzip	608 B	608 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode

General Overall increase ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	11.9s	11.8s	-76ms
nodeModulesSize	46 MB	46.7 MB	⚠️ +779 kB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
677f882d2ed8..e6c6.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.12 kB	7.12 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.2 kB	60.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-8fbabfc..6440.js gzip	1.28 kB	1.28 kB	✓
_error-d07ca..ef4d.js gzip	3.71 kB	3.71 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-c31053f..c329.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.89 kB	8.89 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	371 B	371 B	✓
Overall change	371 B	371 B	✓

Serverless bundles

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_error.js	1.37 MB	1.37 MB	✓
404.html	2.67 kB	2.67 kB	✓
500.html	2.65 kB	2.65 kB	✓
amp.amp.html	10.7 kB	10.7 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.37 MB	1.37 MB	✓
link.js	1.42 MB	1.42 MB	✓
routerDirect.js	1.42 MB	1.42 MB	✓
withRouter.js	1.42 MB	1.42 MB	✓
Overall change	7.01 MB	7.01 MB	✓

Webpack 5 Mode (Decrease detected ✓)

General Overall increase ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
buildDuration	11.8s	12.2s	⚠️ +468ms
nodeModulesSize	46 MB	46.7 MB	⚠️ +779 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.12	2.137	⚠️ +0.02
/ avg req/sec	1179.37	1169.86	⚠️ -9.51
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.118	1.118	✓
/error-in-render avg req/sec	2235.18	2235.6	+0.42

Client Bundles (main, webpack, commons)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
597-3f457946..288d.js gzip	13.3 kB	13.3 kB	✓
778-5cc798ac..5c25.js gzip	7.05 kB	7.05 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	151 B	151 B	✓
webpack-HASH.js gzip	993 B	993 B	✓
Overall change	60.8 kB	60.8 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_app-5cc66b2..6f03.js gzip	1.3 kB	1.3 kB	✓
_error-55112..054d.js gzip	3.68 kB	3.68 kB	✓
amp-89a5460c..567f.js gzip	558 B	558 B	✓
hooks-8c2e74..be37.js gzip	924 B	924 B	✓
index-fec729..83b2.js gzip	243 B	243 B	✓
link-dd34d9b..0ade.js gzip	1.66 kB	1.66 kB	✓
routerDirect..5759.js gzip	336 B	336 B	✓
withRouter-1..98bf.js gzip	334 B	334 B	✓
Overall change	9.03 kB	9.03 kB	✓

Client Build Manifests

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
_buildManifest.js gzip	349 B	349 B	✓
Overall change	349 B	349 B	✓

Rendered Page Sizes

	vercel/next.js canary	divmain/next.js babel-turbo-mode	Change
index.html gzip	610 B	610 B	✓
link.html gzip	617 B	617 B	✓
withRouter.html gzip	605 B	605 B	✓
Overall change	1.83 kB	1.83 kB	✓

Diffs

Diff for index.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/",
         "query": {},
-        "buildId": "zUjwJB9n3S6v8GzFB2IdC",
+        "buildId": "3hi_QJGlEgutiryXyH6js",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/zUjwJB9n3S6v8GzFB2IdC/_buildManifest.js"
+      src="/_next/static/3hi_QJGlEgutiryXyH6js/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/zUjwJB9n3S6v8GzFB2IdC/_ssgManifest.js"
+      src="/_next/static/3hi_QJGlEgutiryXyH6js/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for link.html

@@ -48,7 +48,7 @@
         "props": { "pageProps": {} },
         "page": "/link",
         "query": {},
-        "buildId": "zUjwJB9n3S6v8GzFB2IdC",
+        "buildId": "3hi_QJGlEgutiryXyH6js",
         "isFallback": false,
         "gip": true
       }
@@ -82,11 +82,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/zUjwJB9n3S6v8GzFB2IdC/_buildManifest.js"
+      src="/_next/static/3hi_QJGlEgutiryXyH6js/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/zUjwJB9n3S6v8GzFB2IdC/_ssgManifest.js"
+      src="/_next/static/3hi_QJGlEgutiryXyH6js/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for withRouter.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/withRouter",
         "query": {},
-        "buildId": "zUjwJB9n3S6v8GzFB2IdC",
+        "buildId": "3hi_QJGlEgutiryXyH6js",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/zUjwJB9n3S6v8GzFB2IdC/_buildManifest.js"
+      src="/_next/static/3hi_QJGlEgutiryXyH6js/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/zUjwJB9n3S6v8GzFB2IdC/_ssgManifest.js"
+      src="/_next/static/3hi_QJGlEgutiryXyH6js/_ssgManifest.js"
       async=""
     ></script>
   </body>

Commit: 34d21ea

@timneutkens

@timneutkens it'd be great to get your input. These changes introduce a new Babel loader that eliminates much of the existing overhead, resulting in better HMR speeds. Multithreading is still in flight, and may be omitted if speed improvements end up being negligible. For now, the new loader is hidden behind an `experimental` flag. Items to be completed before this PR is ready to merge: - [x] reconfigure `ncc` to precompile the parts of `@babel/core` and `@babel/traverse` that we're accessing directly - [x] change `@babel/core/...` imports to `ncc`ed version - [x] ~~measure multithreading (not currently pushed) functionality, and include the functionality depending on the results~~ I'll open a separate PR for this - [x] ensure TypeScript is happy with all imports as final step (`--no-verify` was used to bypass) There will be two follow-up PRs: - loader support for projects with custom `.babelrc` - multithreaded loader (should the change we warranted after measurement)

divmain added 5 commits March 31, 2021 22:50

PoC for custom babel loader.

0303e4a

Fix config differences between original and turbo babel loaders.

eeb6374

Correctly detect page files to apply SSG transform.

ab1c69a

Trim time by caching Babel configs, add tracing.

b18ab5e

Add types to experimental Babel loader.

8542188

divmain requested review from ijjk, lfades, shuding and timneutkens as code owners April 7, 2021 06:27

ijjk added the type: next label Apr 7, 2021

timneutkens reviewed Apr 7, 2021

View reviewed changes

packages/next/build/babel/loader/get-config.ts Outdated Show resolved Hide resolved

timneutkens and others added 10 commits April 7, 2021 12:58

Remove import type and fix loader import

962e8b7

Fix loader-utils and sourcemap type

cce0e57

Compile babel internals

4bb129d

Compile traverse and generate

9c26a9e

Remove comment

9819ed7

Add traverse/generator to babel bundle packages

9940f45

Remove comment.

8c7771f

Remove broken loader-utils types.

34c222e

divmain force-pushed the babel-turbo-mode branch from de17f07 to 34c222e Compare April 8, 2021 01:16

divmain added 2 commits April 7, 2021 20:27

Remove now-resolved TODO comment.

faeb979

Fix next/babel preset import.

7e5452e

Introduce hack to import babel/preset from both CommonJS and ESM.

06097fd

divmain changed the title ~~[DRAFT] Babel turbo mode~~ Babel turbo mode Apr 8, 2021

Update compiled libraries.

1e1e585

timneutkens added 2 commits April 8, 2021 10:45

Revert "Introduce hack to import babel/preset from both CommonJS an…

82c19fb

…d ESM." This reverts commit 06097fd.

Fix next/babel import

7e5969b

timneutkens reviewed Apr 8, 2021

View reviewed changes

timneutkens changed the title ~~Babel turbo mode~~ Babel fast mode Apr 8, 2021

timneutkens approved these changes Apr 8, 2021

View reviewed changes

Merge branch 'canary' into babel-turbo-mode

34d21ea

kodiakhq bot merged commit c2dfe40 into vercel:canary Apr 8, 2021

sync-by-unito bot mentioned this pull request May 18, 2021

chore(deps): bump next from 10.0.7 to 10.2.0 filecoin-project/slate#736

Closed

vercel locked as resolved and limited conversation to collaborators Jan 28, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Babel fast mode #23760

Babel fast mode #23760

divmain commented Apr 7, 2021 •

edited

Loading

ijjk commented Apr 8, 2021

Diffs

ijjk commented Apr 8, 2021

Diffs

ijjk commented Apr 8, 2021

Diffs

ijjk commented Apr 8, 2021

Diffs

timneutkens Apr 8, 2021 •

edited

Loading

divmain Apr 8, 2021 •

edited

Loading

timneutkens left a comment

ijjk commented Apr 8, 2021

Diffs

Babel fast mode #23760

Babel fast mode #23760

Conversation

divmain commented Apr 7, 2021 • edited Loading

ijjk commented Apr 8, 2021

Stats from current PR

Diffs

ijjk commented Apr 8, 2021

Stats from current PR

Diffs

ijjk commented Apr 8, 2021

Stats from current PR

Diffs

ijjk commented Apr 8, 2021

Stats from current PR

Diffs

timneutkens Apr 8, 2021 • edited Loading

Choose a reason for hiding this comment

divmain Apr 8, 2021 • edited Loading

Choose a reason for hiding this comment

timneutkens left a comment

Choose a reason for hiding this comment

ijjk commented Apr 8, 2021

Stats from current PR

Diffs

divmain commented Apr 7, 2021 •

edited

Loading

timneutkens Apr 8, 2021 •

edited

Loading

divmain Apr 8, 2021 •

edited

Loading