Optimize script tags #9048

atcastle · 2019-10-11T23:05:07Z

This PR updates two things about script loading in _document.tst:

This adds an additional tag for each CSS file, directly above the tag that imports it. This is a bit of a hack that will speed up page load in Chrome--currently, the JS assets are downloaded before the CSS file, but adding the extra link tag causes the CSS to get downloaded with priority. That will in some cases speed up first contentful paint without slowing down time to hydration.
This removes the preload link for the buildManifest file from granular chunks (Implement granular chunks #7696). That file is not needed for hydration, so should be downloaded with a lower priority than the JS files that are.

There's also an update to the maxInitialChunks setting.

ijjk · 2019-10-11T23:10:22Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
buildDuration	13.6s	13.6s	⚠️ +18ms
nodeModulesSize	48.4 MB	48.5 MB	⚠️ +822 B

Client Bundles (main, webpack, commons)

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..2b8407376.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..7376.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..3a0560775.js	43.2 kB	43.2 kB	✓
de003c3a9d30..0775.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..97.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Rendered Page Sizes Overall decrease ✓

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
index.html	3.62 kB	3.5 kB	-112 B
index.html gzip	947 B	946 B	-1 B
link.html	3.66 kB	3.55 kB	-112 B
link.html gzip	955 B	952 B	-3 B
withRouter.html	3.67 kB	3.56 kB	-112 B
withRouter.html gzip	942 B	941 B	-1 B
Overall change	10.9 kB	10.6 kB	-336 B

Diffs

Diff for main-HASH.js

@@ -368,7 +368,7 @@ if (!window.Promise) {
 
 var data = JSON.parse(document.getElementById('__NEXT_DATA__').textContent);
 window.__NEXT_DATA__ = data;
-var version = "9.1.2-canary.2";
+var version = "9.1.2-canary.1";
 exports.version = version;
 var props = data.props,
     err = data.err,

Diff for main-HASH.module.js

@@ -425,7 +425,7 @@ if (!window.Promise) {
 
 const data = JSON.parse(document.getElementById('__NEXT_DATA__').textContent);
 window.__NEXT_DATA__ = data;
-const version = "9.1.2-canary.2";
+const version = "9.1.2-canary.1";
 exports.version = version;
 const {
   props,

Diff for index.html

@@ -12,14 +12,12 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/webpack-7928590be3ef2e55b835.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/runtime/main-20689a9159cf8f62c223.module.js"
+        <link rel="preload" href="/_next/static/runtime/main-88f74919d3b02083b7e6.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/chunks/de003c3a9d308750aa009870a5926f9b18ab31f4.0141ac1128973a22b076.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>
@@ -43,9 +41,9 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/runtime/webpack-7928590be3ef2e55b835.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/runtime/main-79e358a90975f82b2592.js"
+        <script src="/_next/static/runtime/main-2a0662a64c4de1a8ddad.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/runtime/main-20689a9159cf8f62c223.module.js"
+        <script src="/_next/static/runtime/main-88f74919d3b02083b7e6.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.js"
         async="" crossorigin="anonymous" nomodule=""></script>

Diff for link.html

@@ -16,9 +16,7 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/chunks/de003c3a9d308750aa009870a5926f9b18ab31f4.0141ac1128973a22b076.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/runtime/main-20689a9159cf8f62c223.module.js"
-        as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/runtime/main-88f74919d3b02083b7e6.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -56,9 +54,9 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/de003c3a9d308750aa009870a5926f9b18ab31f4.0141ac1128973a22b076.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/runtime/main-79e358a90975f82b2592.js"
+        <script src="/_next/static/runtime/main-2a0662a64c4de1a8ddad.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/runtime/main-20689a9159cf8f62c223.module.js"
+        <script src="/_next/static/runtime/main-88f74919d3b02083b7e6.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/BUILD_ID/_buildManifest.js" async=""
         crossorigin="anonymous" nomodule=""></script>

Diff for withRouter.html

@@ -16,9 +16,7 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/chunks/de003c3a9d308750aa009870a5926f9b18ab31f4.0141ac1128973a22b076.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/runtime/main-20689a9159cf8f62c223.module.js"
-        as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/runtime/main-88f74919d3b02083b7e6.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -54,9 +52,9 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/de003c3a9d308750aa009870a5926f9b18ab31f4.0141ac1128973a22b076.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/runtime/main-79e358a90975f82b2592.js"
+        <script src="/_next/static/runtime/main-2a0662a64c4de1a8ddad.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/runtime/main-20689a9159cf8f62c223.module.js"
+        <script src="/_next/static/runtime/main-88f74919d3b02083b7e6.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/BUILD_ID/_buildManifest.js" async=""
         crossorigin="anonymous" nomodule=""></script>

Serverless Mode (Increase detected ⚠️)

General Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
buildDuration	14s	13.7s	-256ms
nodeModulesSize	48.4 MB	48.5 MB	⚠️ +822 B

Client Bundles (main, webpack, commons)

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..2b8407376.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..7376.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..3a0560775.js	43.2 kB	43.2 kB	✓
de003c3a9d30..0775.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..97.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Serverless bundles Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_error.js	254 kB	254 kB	⚠️ +429 B
_error.js gzip	68 kB	68.1 kB	⚠️ +81 B
hooks.html	3.75 kB	3.64 kB	-112 B
hooks.html gzip	980 B	977 B	-3 B
index.js	254 kB	255 kB	⚠️ +429 B
index.js gzip	68.3 kB	68.4 kB	⚠️ +74 B
link.js	262 kB	262 kB	⚠️ +429 B
link.js gzip	70.4 kB	70.4 kB	⚠️ +80 B
routerDirect.js	255 kB	255 kB	⚠️ +429 B
routerDirect.js gzip	68.4 kB	68.5 kB	⚠️ +80 B
withRouter.js	255 kB	255 kB	⚠️ +429 B
withRouter.js gzip	68.5 kB	68.6 kB	⚠️ +82 B
Overall change	1.28 MB	1.28 MB	⚠️ +2.03 kB

Commit: c8c4f47

Timer

Could we please add a test to make sure the build manifest isn't in the initial HTML payload?

Also, could we modify existing CSS tests to ensure the preload is present?

packages/next/build/webpack-config.ts

ijjk · 2019-10-16T03:18:02Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
buildDuration	15.4s	15.4s	-85ms
nodeModulesSize	48.5 MB	48.5 MB	⚠️ +822 B

Client Bundles (main, webpack, commons)

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..9dda6167a.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..167a.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..3a0560775.js	43.2 kB	43.2 kB	✓
de003c3a9d30..0775.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..72.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Rendered Page Sizes Overall decrease ✓

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
index.html	3.62 kB	3.5 kB	-112 B
index.html gzip	946 B	944 B	-2 B
link.html	3.66 kB	3.55 kB	-112 B
link.html gzip	954 B	951 B	-3 B
withRouter.html	3.67 kB	3.56 kB	-112 B
withRouter.html gzip	942 B	939 B	-3 B
Overall change	10.9 kB	10.6 kB	-336 B

Diffs

Diff for index.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/chunks/de003c3a9d308750aa009870a5926f9b18ab31f4.5b7040577e237566bd64.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Diff for link.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-8d1686f08fa7c145b304.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Diff for withRouter.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-8d1686f08fa7c145b304.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Serverless Mode (Increase detected ⚠️)

General Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
buildDuration	15.7s	16s	⚠️ +369ms
nodeModulesSize	48.5 MB	48.5 MB	⚠️ +822 B

Client Bundles (main, webpack, commons)

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..9dda6167a.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..167a.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..3a0560775.js	43.2 kB	43.2 kB	✓
de003c3a9d30..0775.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..72.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Serverless bundles Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_error.js	254 kB	255 kB	⚠️ +429 B
_error.js gzip	68.1 kB	68.2 kB	⚠️ +85 B
hooks.html	3.75 kB	3.64 kB	-112 B
hooks.html gzip	980 B	974 B	-6 B
index.js	255 kB	255 kB	⚠️ +429 B
index.js gzip	68.4 kB	68.5 kB	⚠️ +83 B
link.js	262 kB	263 kB	⚠️ +429 B
link.js gzip	70.4 kB	70.5 kB	⚠️ +87 B
routerDirect.js	255 kB	256 kB	⚠️ +429 B
routerDirect.js gzip	68.5 kB	68.5 kB	⚠️ +86 B
withRouter.js	255 kB	256 kB	⚠️ +429 B
withRouter.js gzip	68.5 kB	68.6 kB	⚠️ +87 B
Overall change	1.29 MB	1.29 MB	⚠️ +2.03 kB

Commit: 66f322c

ijjk · 2019-10-16T03:33:48Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
buildDuration	15.4s	15.9s	⚠️ +453ms
nodeModulesSize	48.5 MB	48.5 MB	⚠️ +931 B

Client Bundles (main, webpack, commons)

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..9dda6167a.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..167a.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..3a0560775.js	43.2 kB	43.2 kB	✓
de003c3a9d30..0775.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..72.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Rendered Page Sizes Overall decrease ✓

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
index.html	3.62 kB	3.5 kB	-112 B
index.html gzip	946 B	944 B	-2 B
link.html	3.66 kB	3.55 kB	-112 B
link.html gzip	954 B	951 B	-3 B
withRouter.html	3.67 kB	3.56 kB	-112 B
withRouter.html gzip	942 B	939 B	-3 B
Overall change	10.9 kB	10.6 kB	-336 B

Diffs

Diff for index.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/chunks/de003c3a9d308750aa009870a5926f9b18ab31f4.5b7040577e237566bd64.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Diff for link.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-8d1686f08fa7c145b304.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Diff for withRouter.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-8d1686f08fa7c145b304.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Serverless Mode (Increase detected ⚠️)

General Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
buildDuration	16.5s	16.3s	-173ms
nodeModulesSize	48.5 MB	48.5 MB	⚠️ +931 B

Client Bundles (main, webpack, commons)

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..9dda6167a.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..167a.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..3a0560775.js	43.2 kB	43.2 kB	✓
de003c3a9d30..0775.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..72.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Serverless bundles Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_error.js	254 kB	255 kB	⚠️ +442 B
_error.js gzip	68.1 kB	68.2 kB	⚠️ +123 B
hooks.html	3.75 kB	3.64 kB	-112 B
hooks.html gzip	980 B	974 B	-6 B
index.js	255 kB	255 kB	⚠️ +442 B
index.js gzip	68.4 kB	68.5 kB	⚠️ +118 B
link.js	262 kB	263 kB	⚠️ +442 B
link.js gzip	70.4 kB	70.5 kB	⚠️ +125 B
routerDirect.js	255 kB	256 kB	⚠️ +442 B
routerDirect.js gzip	68.5 kB	68.6 kB	⚠️ +124 B
withRouter.js	255 kB	256 kB	⚠️ +442 B
withRouter.js gzip	68.5 kB	68.7 kB	⚠️ +125 B
Overall change	1.29 MB	1.29 MB	⚠️ +2.1 kB

Commit: 22acf19

ijjk · 2019-10-16T03:43:37Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
buildDuration	14.6s	14s	-549ms
nodeModulesSize	48.5 MB	48.5 MB	⚠️ +931 B

Client Bundles (main, webpack, commons)

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..9dda6167a.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..167a.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..3a0560775.js	43.2 kB	43.2 kB	✓
de003c3a9d30..0775.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..72.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Rendered Page Sizes Overall decrease ✓

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
index.html	3.62 kB	3.5 kB	-112 B
index.html gzip	946 B	944 B	-2 B
link.html	3.66 kB	3.55 kB	-112 B
link.html gzip	954 B	951 B	-3 B
withRouter.html	3.67 kB	3.56 kB	-112 B
withRouter.html gzip	942 B	939 B	-3 B
Overall change	10.9 kB	10.6 kB	-336 B

Diffs

Diff for index.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/chunks/de003c3a9d308750aa009870a5926f9b18ab31f4.5b7040577e237566bd64.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Diff for link.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-8d1686f08fa7c145b304.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Diff for withRouter.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-8d1686f08fa7c145b304.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Serverless Mode (Increase detected ⚠️)

General Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
buildDuration	14.5s	14.9s	⚠️ +442ms
nodeModulesSize	48.5 MB	48.5 MB	⚠️ +931 B

Client Bundles (main, webpack, commons)

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..9dda6167a.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..167a.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..3a0560775.js	43.2 kB	43.2 kB	✓
de003c3a9d30..0775.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..72.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Serverless bundles Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_error.js	254 kB	255 kB	⚠️ +442 B
_error.js gzip	68.1 kB	68.2 kB	⚠️ +123 B
hooks.html	3.75 kB	3.64 kB	-112 B
hooks.html gzip	980 B	974 B	-6 B
index.js	255 kB	255 kB	⚠️ +442 B
index.js gzip	68.4 kB	68.5 kB	⚠️ +118 B
link.js	262 kB	263 kB	⚠️ +442 B
link.js gzip	70.4 kB	70.5 kB	⚠️ +125 B
routerDirect.js	255 kB	256 kB	⚠️ +442 B
routerDirect.js gzip	68.5 kB	68.6 kB	⚠️ +124 B
withRouter.js	255 kB	256 kB	⚠️ +442 B
withRouter.js gzip	68.5 kB	68.7 kB	⚠️ +125 B
Overall change	1.29 MB	1.29 MB	⚠️ +2.1 kB

Commit: 56bb734

Timer

Took the liberty of adding tests so we can land this! 👍

ijjk · 2019-10-16T03:52:53Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
buildDuration	14.7s	14.6s	-94ms
nodeModulesSize	48.5 MB	48.5 MB	⚠️ +931 B

Client Bundles (main, webpack, commons)

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..9dda6167a.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..167a.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..3a0560775.js	43.2 kB	43.2 kB	✓
de003c3a9d30..0775.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..72.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Rendered Page Sizes Overall decrease ✓

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
index.html	3.62 kB	3.5 kB	-112 B
index.html gzip	946 B	944 B	-2 B
link.html	3.66 kB	3.55 kB	-112 B
link.html gzip	954 B	951 B	-3 B
withRouter.html	3.67 kB	3.56 kB	-112 B
withRouter.html gzip	942 B	939 B	-3 B
Overall change	10.9 kB	10.6 kB	-336 B

Diffs

Diff for index.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/chunks/de003c3a9d308750aa009870a5926f9b18ab31f4.5b7040577e237566bd64.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Diff for link.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-8d1686f08fa7c145b304.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Diff for withRouter.html

@@ -18,8 +18,6 @@
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-8d1686f08fa7c145b304.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/BUILD_ID/_buildManifest.module.js"
-        as="script" crossorigin="anonymous" />
     </head>
     
     <body>

Serverless Mode (Increase detected ⚠️)

General Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
buildDuration	15s	15s	-25ms
nodeModulesSize	48.5 MB	48.5 MB	⚠️ +931 B

Client Bundles (main, webpack, commons)

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..9dda6167a.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..167a.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..3a0560775.js	43.2 kB	43.2 kB	✓
de003c3a9d30..0775.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..72.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Serverless bundles Overall increase ⚠️

	zeit/next.js canary	atcastle/next.js optimize-script-tags	Change
_error.js	254 kB	255 kB	⚠️ +442 B
_error.js gzip	68.1 kB	68.2 kB	⚠️ +123 B
hooks.html	3.75 kB	3.64 kB	-112 B
hooks.html gzip	980 B	974 B	-6 B
index.js	255 kB	255 kB	⚠️ +442 B
index.js gzip	68.4 kB	68.5 kB	⚠️ +118 B
link.js	262 kB	263 kB	⚠️ +442 B
link.js gzip	70.4 kB	70.5 kB	⚠️ +125 B
routerDirect.js	255 kB	256 kB	⚠️ +442 B
routerDirect.js gzip	68.5 kB	68.6 kB	⚠️ +124 B
withRouter.js	255 kB	256 kB	⚠️ +442 B
withRouter.js gzip	68.5 kB	68.7 kB	⚠️ +125 B
Overall change	1.29 MB	1.29 MB	⚠️ +2.1 kB

Commit: 0790cf5

atcastle added 2 commits October 11, 2019 10:22

Update _document.tsx to optimize script loading

72fea63

Update maxInitialChunks to 15

c8c4f47

atcastle requested review from ijjk, lfades, Timer and timneutkens as code owners October 11, 2019 23:05

Timer requested changes Oct 14, 2019

View reviewed changes

Timer added the Type: Enhancement label Oct 14, 2019

Timer added this to the 9.1.x milestone Oct 14, 2019

Merge branch 'canary' into optimize-script-tags

66f322c

prateekbh reviewed Oct 16, 2019

View reviewed changes

packages/next/build/webpack-config.ts Outdated Show resolved Hide resolved

Timer added 2 commits October 15, 2019 23:25

Undo change chunk count

cfe2eae

Adjust impl a bit

22acf19

Add CSS preload test

56bb734

Timer added 3 commits October 15, 2019 23:46

Ensure build manifest not preloaded

0790cf5

Correct file name

5f473f8

break comment

73a85fd

Timer added the ready to land label Oct 16, 2019

Timer approved these changes Oct 16, 2019

View reviewed changes

Timer merged commit 0886a12 into vercel:canary Oct 16, 2019

Timer modified the milestones: 9.1.x, 9.1.2 Oct 23, 2019

This was referenced Nov 12, 2019

[Snyk] Upgrade next from 9.0.7 to 9.1.2 ndom91/newtelco-next-maintenance-mgmt#5

Merged

[Snyk] Upgrade @next/mdx from 9.0.5 to 9.1.2 Matthelonianxl/docs-3#1

Open

[Snyk] Upgrade next from 9.1.1 to 9.1.2 Matthelonianxl/docs-3#9

Open

This was referenced Nov 14, 2019

[Snyk] Upgrade next from 9.0.4 to 9.1.2 Matthelonianxl/now-examples#11

Open

[Snyk] Upgrade next from 9.1.2 to 9.1.3 ndom91/newtelco-next-maintenance-mgmt#10

Merged

atcastle mentioned this pull request Nov 19, 2019

Move css files to top of link element list #9464

Closed

snyk-bot mentioned this pull request Nov 25, 2019

[Snyk] Upgrade next from 9.0.4 to 9.1.3 ajesse11x/now-examples#17

Open

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

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Optimize script tags #9048

Optimize script tags #9048

atcastle commented Oct 11, 2019

ijjk commented Oct 11, 2019

Diffs

Timer left a comment

ijjk commented Oct 16, 2019

Diffs

ijjk commented Oct 16, 2019

Diffs

ijjk commented Oct 16, 2019

Diffs

Timer left a comment

ijjk commented Oct 16, 2019

Diffs

Optimize script tags #9048

Optimize script tags #9048

Conversation

atcastle commented Oct 11, 2019

ijjk commented Oct 11, 2019

Stats from current PR

Diffs

Timer left a comment

Choose a reason for hiding this comment

ijjk commented Oct 16, 2019

Stats from current PR

Diffs

ijjk commented Oct 16, 2019

Stats from current PR

Diffs

ijjk commented Oct 16, 2019

Stats from current PR

Diffs

Timer left a comment

Choose a reason for hiding this comment

ijjk commented Oct 16, 2019

Stats from current PR

Diffs