Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add experimental-modern-preset Babel option #8521

Merged
merged 7 commits into from
Aug 27, 2019

Conversation

developit
Copy link
Contributor

@developit developit commented Aug 26, 2019

This adds support for a new modern-preset option in next/babel, making it possible to override which preset gets used when building module bundles (for module/nomodule):

{
  "presets": [
    ["next/babel", {
      "experimental-modern-preset": "babel-preset-amazing-things"
    }]
  ]
}
{
  "presets": [
    ["next/babel", {
      "experimental-modern-preset": [
        "babel-preset-amazing-with-options",
        {
          "foo": "bar"
        }
      ]
    }]
  ]
}

@ijjk
Copy link
Member

ijjk commented Aug 27, 2019

Stats from current PR

Default Server Mode (Increase detected ⚠️)
General Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
buildDuration 24.8s 24.2s -650ms
nodeModulesSize 41.3 MB 41.3 MB ⚠️ +852 B
Client Bundles (main, webpack, commons)
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.js 18.1 kB 18.1 kB
main-HASH.js gzip 6.64 kB 6.64 kB
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
Overall change
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.module.js 16.5 kB 16.5 kB
main-HASH.module.js gzip 6.37 kB 6.37 kB
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH.module.js gzip 746 B 746 B
Overall change
Client Pages
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.js 1.83 kB 1.83 kB
_app.js gzip 884 B 884 B
_error.js 12.1 kB 12.1 kB
_error.js gzip 4.76 kB 4.76 kB
hooks.js 12.7 kB 12.7 kB
hooks.js gzip 4.81 kB 4.81 kB
index.js 343 B 343 B
index.js gzip 237 B 237 B
link.js 8.14 kB 8.14 kB
link.js gzip 3.49 kB 3.49 kB
routerDirect.js 433 B 433 B
routerDirect.js gzip 296 B 296 B
withRouter.js 444 B 444 B
withRouter.js gzip 294 B 294 B
Overall change
Client Pages Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.module.js 1.73 kB 1.73 kB
_app.module.js gzip 840 B 840 B
_error.module.js 23.3 kB 23.3 kB
_error.module.js gzip 8.62 kB 8.62 kB
hooks.module.js 1.55 kB 1.55 kB
hooks.module.js gzip 804 B 804 B
index.module.js 319 B 319 B
index.module.js gzip 238 B 238 B
link.module.js 8.52 kB 8.52 kB
link.module.js gzip 3.68 kB 3.68 kB
routerDirect.module.js 419 B 419 B
routerDirect.module.js gzip 294 B 294 B
withRouter.module.js 429 B 429 B
withRouter.module.js gzip 293 B 293 B
Overall change
Client Build Manifests
zeit/next.js canary developit/next.js custom-modern-preset Change
_buildManifest.js 81 B 81 B
_buildManifest.js gzip 61 B 61 B
_buildManifest.module.js 81 B 81 B
_buildManifest.module.js gzip 61 B 61 B
Overall change
Rendered Page Sizes Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
index.html 3.7 kB 3.7 kB -1 B
index.html gzip 959 B 955 B -4 B
link.html 3.75 kB 3.74 kB -1 B
link.html gzip 966 B 962 B -4 B
withRouter.html 3.75 kB 3.75 kB -1 B
withRouter.html gzip 954 B 950 B -4 B
Overall change -3 B

Diffs

Diff for index.html
@@ -6,9 +6,9 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/index.module.js"
+        <link rel="preload" href="/_next/static/clygPXRmKlftZSlj6nQf9/pages/index.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/clygPXRmKlftZSlj6nQf9/pages/_app.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/webpack-7928590be3ef2e55b835.module.js"
         as="script" crossorigin="anonymous" />
@@ -16,9 +16,9 @@
         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/v5zhQ4RMoKSyLpBc6BkXaqUyFg=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/o+gDK9lI3SqmUKizjyyY9Fd6220=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9SOP8QkoJw0-9rcfTUYDb/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/clygPXRmKlftZSlj6nQf9/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -26,18 +26,18 @@
         <div id="__next">Hello world 👋</div>
         <script id="__NEXT_DATA__" type="application/json"
         crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"9SOP8QkoJw0-9rcfTUYDb"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"clygPXRmKlftZSlj6nQf9"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/index.js"
+        <script async="" data-next-page="/" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/index.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/index.module.js"
+        <script async="" data-next-page="/" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/index.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -51,15 +51,15 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/oWAFVw1dQzVGwYvC5t1aH4EUmcw=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/O+trFwvhvOcMlbvb2eGgFSEjJX4=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/v5zhQ4RMoKSyLpBc6BkXaqUyFg=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/o+gDK9lI3SqmUKizjyyY9Fd6220=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/v5zhQ4RMoKSyLpBc6BkXaqUyFg=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/o+gDK9lI3SqmUKizjyyY9Fd6220=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/_buildManifest.js"
+        <script src="/_next/static/clygPXRmKlftZSlj6nQf9/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/_buildManifest.module.js"
+        <script src="/_next/static/clygPXRmKlftZSlj6nQf9/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>
Diff for link.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/link.module.js"
+        <link rel="preload" href="/_next/static/clygPXRmKlftZSlj6nQf9/pages/link.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/clygPXRmKlftZSlj6nQf9/pages/_app.module.js"
         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/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/chunks/v5zhQ4RMoKSyLpBc6BkXaqUyFg=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/o+gDK9lI3SqmUKizjyyY9Fd6220=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9SOP8QkoJw0-9rcfTUYDb/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/clygPXRmKlftZSlj6nQf9/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -29,18 +29,18 @@
             </div>
         </div>
         <script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/link","query":{},"buildId":"9SOP8QkoJw0-9rcfTUYDb"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/link","query":{},"buildId":"clygPXRmKlftZSlj6nQf9"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/link" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/link.js"
+        <script async="" data-next-page="/link" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/link.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/link" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/link.module.js"
+        <script async="" data-next-page="/link" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/link.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -50,19 +50,19 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/oWAFVw1dQzVGwYvC5t1aH4EUmcw=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/O+trFwvhvOcMlbvb2eGgFSEjJX4=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/v5zhQ4RMoKSyLpBc6BkXaqUyFg=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/o+gDK9lI3SqmUKizjyyY9Fd6220=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/v5zhQ4RMoKSyLpBc6BkXaqUyFg=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/o+gDK9lI3SqmUKizjyyY9Fd6220=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/_buildManifest.js"
+        <script src="/_next/static/clygPXRmKlftZSlj6nQf9/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/_buildManifest.module.js"
+        <script src="/_next/static/clygPXRmKlftZSlj6nQf9/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>
Diff for withRouter.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/withRouter.module.js"
+        <link rel="preload" href="/_next/static/clygPXRmKlftZSlj6nQf9/pages/withRouter.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/clygPXRmKlftZSlj6nQf9/pages/_app.module.js"
         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/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/chunks/v5zhQ4RMoKSyLpBc6BkXaqUyFg=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/o+gDK9lI3SqmUKizjyyY9Fd6220=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9SOP8QkoJw0-9rcfTUYDb/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/clygPXRmKlftZSlj6nQf9/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -27,18 +27,18 @@
             <div>I use withRouter</div>
         </div>
         <script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/withRouter","query":{},"buildId":"9SOP8QkoJw0-9rcfTUYDb"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/withRouter","query":{},"buildId":"clygPXRmKlftZSlj6nQf9"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/withRouter" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/withRouter.js"
+        <script async="" data-next-page="/withRouter" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/withRouter.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/withRouter" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/withRouter.module.js"
+        <script async="" data-next-page="/withRouter" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/withRouter.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/clygPXRmKlftZSlj6nQf9/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -48,19 +48,19 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/oWAFVw1dQzVGwYvC5t1aH4EUmcw=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/O+trFwvhvOcMlbvb2eGgFSEjJX4=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/v5zhQ4RMoKSyLpBc6BkXaqUyFg=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/o+gDK9lI3SqmUKizjyyY9Fd6220=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/v5zhQ4RMoKSyLpBc6BkXaqUyFg=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/o+gDK9lI3SqmUKizjyyY9Fd6220=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/_buildManifest.js"
+        <script src="/_next/static/clygPXRmKlftZSlj6nQf9/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/9SOP8QkoJw0-9rcfTUYDb/_buildManifest.module.js"
+        <script src="/_next/static/clygPXRmKlftZSlj6nQf9/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>

Serverless Mode (Increase detected ⚠️)
General Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
buildDuration 25.3s 25.9s ⚠️ +580ms
nodeModulesSize 41.3 MB 41.3 MB ⚠️ +852 B
Client Bundles (main, webpack, commons)
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.js 18.1 kB 18.1 kB
main-HASH.js gzip 6.64 kB 6.64 kB
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
Overall change
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.module.js 16.5 kB 16.5 kB
main-HASH.module.js gzip 6.37 kB 6.37 kB
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH.module.js gzip 746 B 746 B
Overall change
Client Pages
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.js 1.83 kB 1.83 kB
_app.js gzip 884 B 884 B
_error.js 12.1 kB 12.1 kB
_error.js gzip 4.76 kB 4.76 kB
hooks.js 12.7 kB 12.7 kB
hooks.js gzip 4.81 kB 4.81 kB
index.js 343 B 343 B
index.js gzip 237 B 237 B
link.js 8.14 kB 8.14 kB
link.js gzip 3.49 kB 3.49 kB
routerDirect.js 433 B 433 B
routerDirect.js gzip 296 B 296 B
withRouter.js 444 B 444 B
withRouter.js gzip 294 B 294 B
Overall change
Client Pages Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.module.js 1.73 kB 1.73 kB
_app.module.js gzip 840 B 840 B
_error.module.js 23.3 kB 23.3 kB
_error.module.js gzip 8.62 kB 8.62 kB
hooks.module.js 1.55 kB 1.55 kB
hooks.module.js gzip 804 B 804 B
index.module.js 319 B 319 B
index.module.js gzip 238 B 238 B
link.module.js 8.52 kB 8.52 kB
link.module.js gzip 3.68 kB 3.68 kB
routerDirect.module.js 419 B 419 B
routerDirect.module.js gzip 294 B 294 B
withRouter.module.js 429 B 429 B
withRouter.module.js gzip 293 B 293 B
Overall change
Client Build Manifests
zeit/next.js canary developit/next.js custom-modern-preset Change
_buildManifest.js 81 B 81 B
_buildManifest.js gzip 61 B 61 B
_buildManifest.module.js 81 B 81 B
_buildManifest.module.js gzip 61 B 61 B
Overall change
Serverless bundles Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
_error.js 247 kB 247 kB -3 B
_error.js gzip 66.5 kB 66.2 kB -217 B
hooks.html 3.81 kB 3.81 kB -2 B
hooks.html gzip 977 B 976 B -1 B
index.js 248 kB 248 kB -3 B
index.js gzip 66.5 kB 66.6 kB ⚠️ +73 B
link.js 255 kB 255 kB -3 B
link.js gzip 68.7 kB 68.8 kB ⚠️ +112 B
routerDirect.js 249 kB 249 kB -3 B
routerDirect.js gzip 66.7 kB 66.6 kB -115 B
withRouter.js 248 kB 248 kB -3 B
withRouter.js gzip 66.6 kB 66.9 kB ⚠️ +232 B
Overall change -17 B

@developit developit marked this pull request as ready for review August 27, 2019 02:15
Copy link
Member

@Timer Timer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's call this experimental-modern-preset.

@developit
Copy link
Contributor Author

@Timer @janicklas-ralph issues addressed, thanks for the feedback!

@ijjk
Copy link
Member

ijjk commented Aug 27, 2019

Stats from current PR

Default Server Mode (Increase detected ⚠️)
General Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
buildDuration 21.1s 21s -179ms
nodeModulesSize 41.3 MB 41.3 MB ⚠️ +895 B
Client Bundles (main, webpack, commons) Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.js 18.1 kB 18.1 kB ⚠️ +1 B
main-HASH.js gzip 6.64 kB 6.64 kB ⚠️ +1 B
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
Overall change ⚠️ +1 B
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.module.js 16.5 kB 16.5 kB ⚠️ +1 B
main-HASH.module.js gzip 6.37 kB 6.37 kB ⚠️ +1 B
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH.module.js gzip 746 B 746 B
Overall change ⚠️ +1 B
Client Pages Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.js 1.83 kB 1.83 kB
_app.js gzip 884 B 884 B
_error.js 12.1 kB 12.1 kB
_error.js gzip 4.76 kB 4.76 kB -1 B
hooks.js 12.7 kB 12.7 kB
hooks.js gzip 4.81 kB 4.81 kB
index.js 343 B 343 B
index.js gzip 237 B 237 B
link.js 8.14 kB 8.14 kB
link.js gzip 3.49 kB 3.49 kB -1 B
routerDirect.js 434 B 433 B -1 B
routerDirect.js gzip 296 B 296 B
withRouter.js 444 B 444 B
withRouter.js gzip 294 B 294 B
Overall change -1 B
Client Pages Modern Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.module.js 1.73 kB 1.73 kB
_app.module.js gzip 840 B 840 B
_error.module.js 23.3 kB 23.3 kB
_error.module.js gzip 8.62 kB 8.62 kB
hooks.module.js 1.55 kB 1.55 kB
hooks.module.js gzip 805 B 804 B -1 B
index.module.js 319 B 319 B
index.module.js gzip 238 B 238 B
link.module.js 8.52 kB 8.52 kB
link.module.js gzip 3.68 kB 3.68 kB
routerDirect.module.js 419 B 419 B
routerDirect.module.js gzip 294 B 294 B
withRouter.module.js 430 B 429 B -1 B
withRouter.module.js gzip 293 B 293 B
Overall change -1 B
Client Build Manifests
zeit/next.js canary developit/next.js custom-modern-preset Change
_buildManifest.js 81 B 81 B
_buildManifest.js gzip 61 B 61 B
_buildManifest.module.js 81 B 81 B
_buildManifest.module.js gzip 61 B 61 B
Overall change
Rendered Page Sizes Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
index.html 3.69 kB 3.7 kB ⚠️ +4 B
index.html gzip 954 B 954 B
link.html 3.74 kB 3.74 kB ⚠️ +4 B
link.html gzip 962 B 961 B -1 B
withRouter.html 3.75 kB 3.75 kB ⚠️ +4 B
withRouter.html gzip 949 B 950 B ⚠️ +1 B
Overall change ⚠️ +12 B

Diffs

Diff for main-HASH.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[11],{
 
 /***/ "/h46":
 /***/ (function(module, exports, __webpack_require__) {
Diff for main-HASH.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[3],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
 
 /***/ "+oT+":
 /***/ (function(module, exports, __webpack_require__) {
Diff for _app.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
 
 /***/ "B5Ud":
 /***/ (function(module, exports, __webpack_require__) {
Diff for _error.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
 
 /***/ "+iuc":
 /***/ (function(module, exports, __webpack_require__) {
Diff for hooks.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
 
 /***/ "+MDD":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for index.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[8],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
 
 /***/ "RNiq":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for link.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[8],{
 
 /***/ "/h46":
 /***/ (function(module, exports, __webpack_require__) {
Diff for routerDirect.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
 
 /***/ "LtRI":
 /***/ (function(module, exports, __webpack_require__) {
Diff for withRouter.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[11],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
 
 /***/ "0Hlz":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for _app.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[3],{
 
 /***/ "+oT+":
 /***/ (function(module, exports, __webpack_require__) {
Diff for _error.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
 
 /***/ "+iuc":
 /***/ (function(module, exports, __webpack_require__) {
Diff for hooks.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
 
 /***/ "+MDD":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for index.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
 
 /***/ "RNiq":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for link.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[8],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
 
 /***/ "/h46":
 /***/ (function(module, exports, __webpack_require__) {
Diff for routerDirect.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[8],{
 
 /***/ "LtRI":
 /***/ (function(module, exports, __webpack_require__) {
Diff for withRouter.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
 
 /***/ "0Hlz":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for index.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/index.module.js"
+        <link rel="preload" href="/_next/static/8VaEarjOoJlpZwig5im3-/pages/index.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/8VaEarjOoJlpZwig5im3-/pages/_app.module.js"
         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-57fd58f9724110a1d2ca.module.js"
+        <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.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/vyNdIiPmNT6Cy3YSl2pmXGimSfc=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/DNxoSR5Y7KWUpM4m7Pg290cEYyg=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/uTMoxpHUZ6jiGY38v8S5B/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/8VaEarjOoJlpZwig5im3-/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -26,40 +26,40 @@
         <div id="__next">Hello world 👋</div>
         <script id="__NEXT_DATA__" type="application/json"
         crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"uTMoxpHUZ6jiGY38v8S5B"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"8VaEarjOoJlpZwig5im3-"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/index.js"
+        <script async="" data-next-page="/" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/index.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/index.module.js"
+        <script async="" data-next-page="/" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/index.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         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-758fcb9b9994c6769dbb.js"
+        <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/runtime/main-57fd58f9724110a1d2ca.module.js"
+        <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.js"
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/DKXbJuXDiFN2aqRjPduG6R+ZvYU=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/bEaFd4ZIJi542dBiDw+wG2TF+kc=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/vyNdIiPmNT6Cy3YSl2pmXGimSfc=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/DNxoSR5Y7KWUpM4m7Pg290cEYyg=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/vyNdIiPmNT6Cy3YSl2pmXGimSfc=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/DNxoSR5Y7KWUpM4m7Pg290cEYyg=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/_buildManifest.js"
+        <script src="/_next/static/8VaEarjOoJlpZwig5im3-/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/_buildManifest.module.js"
+        <script src="/_next/static/8VaEarjOoJlpZwig5im3-/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>
Diff for link.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/link.module.js"
+        <link rel="preload" href="/_next/static/8VaEarjOoJlpZwig5im3-/pages/link.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/8VaEarjOoJlpZwig5im3-/pages/_app.module.js"
         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/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/chunks/vyNdIiPmNT6Cy3YSl2pmXGimSfc=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/DNxoSR5Y7KWUpM4m7Pg290cEYyg=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/runtime/main-57fd58f9724110a1d2ca.module.js"
+        <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/uTMoxpHUZ6jiGY38v8S5B/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/8VaEarjOoJlpZwig5im3-/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -29,18 +29,18 @@
             </div>
         </div>
         <script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/link","query":{},"buildId":"uTMoxpHUZ6jiGY38v8S5B"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/link","query":{},"buildId":"8VaEarjOoJlpZwig5im3-"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/link" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/link.js"
+        <script async="" data-next-page="/link" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/link.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/link" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/link.module.js"
+        <script async="" data-next-page="/link" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/link.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -50,19 +50,19 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/DKXbJuXDiFN2aqRjPduG6R+ZvYU=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/bEaFd4ZIJi542dBiDw+wG2TF+kc=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/vyNdIiPmNT6Cy3YSl2pmXGimSfc=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/DNxoSR5Y7KWUpM4m7Pg290cEYyg=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/vyNdIiPmNT6Cy3YSl2pmXGimSfc=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/DNxoSR5Y7KWUpM4m7Pg290cEYyg=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/runtime/main-758fcb9b9994c6769dbb.js"
+        <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/runtime/main-57fd58f9724110a1d2ca.module.js"
+        <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/_buildManifest.js"
+        <script src="/_next/static/8VaEarjOoJlpZwig5im3-/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/_buildManifest.module.js"
+        <script src="/_next/static/8VaEarjOoJlpZwig5im3-/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>
Diff for withRouter.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/withRouter.module.js"
+        <link rel="preload" href="/_next/static/8VaEarjOoJlpZwig5im3-/pages/withRouter.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/8VaEarjOoJlpZwig5im3-/pages/_app.module.js"
         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/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/chunks/vyNdIiPmNT6Cy3YSl2pmXGimSfc=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/DNxoSR5Y7KWUpM4m7Pg290cEYyg=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/runtime/main-57fd58f9724110a1d2ca.module.js"
+        <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/uTMoxpHUZ6jiGY38v8S5B/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/8VaEarjOoJlpZwig5im3-/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -27,18 +27,18 @@
             <div>I use withRouter</div>
         </div>
         <script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/withRouter","query":{},"buildId":"uTMoxpHUZ6jiGY38v8S5B"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/withRouter","query":{},"buildId":"8VaEarjOoJlpZwig5im3-"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/withRouter" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/withRouter.js"
+        <script async="" data-next-page="/withRouter" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/withRouter.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/withRouter" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/withRouter.module.js"
+        <script async="" data-next-page="/withRouter" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/withRouter.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/8VaEarjOoJlpZwig5im3-/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -48,19 +48,19 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/DKXbJuXDiFN2aqRjPduG6R+ZvYU=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/bEaFd4ZIJi542dBiDw+wG2TF+kc=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/vyNdIiPmNT6Cy3YSl2pmXGimSfc=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/DNxoSR5Y7KWUpM4m7Pg290cEYyg=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/vyNdIiPmNT6Cy3YSl2pmXGimSfc=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/DNxoSR5Y7KWUpM4m7Pg290cEYyg=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/runtime/main-758fcb9b9994c6769dbb.js"
+        <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/runtime/main-57fd58f9724110a1d2ca.module.js"
+        <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/_buildManifest.js"
+        <script src="/_next/static/8VaEarjOoJlpZwig5im3-/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/uTMoxpHUZ6jiGY38v8S5B/_buildManifest.module.js"
+        <script src="/_next/static/8VaEarjOoJlpZwig5im3-/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>

Serverless Mode (Increase detected ⚠️)
General Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
buildDuration 22.4s 22.5s ⚠️ +153ms
nodeModulesSize 41.3 MB 41.3 MB ⚠️ +895 B
Client Bundles (main, webpack, commons)
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.js 18.1 kB 18.1 kB
main-HASH.js gzip 6.64 kB 6.64 kB
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
Overall change
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.module.js 16.5 kB 16.5 kB
main-HASH.module.js gzip 6.37 kB 6.37 kB
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH.module.js gzip 746 B 746 B
Overall change
Client Pages
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.js 1.83 kB 1.83 kB
_app.js gzip 884 B 884 B
_error.js 12.1 kB 12.1 kB
_error.js gzip 4.76 kB 4.76 kB
hooks.js 12.7 kB 12.7 kB
hooks.js gzip 4.81 kB 4.81 kB
index.js 343 B 343 B
index.js gzip 237 B 237 B
link.js 8.14 kB 8.14 kB
link.js gzip 3.49 kB 3.49 kB
routerDirect.js 433 B 433 B
routerDirect.js gzip 296 B 296 B
withRouter.js 444 B 444 B
withRouter.js gzip 294 B 294 B
Overall change
Client Pages Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.module.js 1.73 kB 1.73 kB
_app.module.js gzip 840 B 840 B
_error.module.js 23.3 kB 23.3 kB
_error.module.js gzip 8.62 kB 8.62 kB
hooks.module.js 1.55 kB 1.55 kB
hooks.module.js gzip 804 B 804 B
index.module.js 319 B 319 B
index.module.js gzip 238 B 238 B
link.module.js 8.52 kB 8.52 kB
link.module.js gzip 3.68 kB 3.68 kB
routerDirect.module.js 419 B 419 B
routerDirect.module.js gzip 294 B 294 B
withRouter.module.js 429 B 429 B
withRouter.module.js gzip 293 B 293 B
Overall change
Client Build Manifests
zeit/next.js canary developit/next.js custom-modern-preset Change
_buildManifest.js 81 B 81 B
_buildManifest.js gzip 61 B 61 B
_buildManifest.module.js 81 B 81 B
_buildManifest.module.js gzip 61 B 61 B
Overall change
Serverless bundles Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
_error.js 247 kB 247 kB -8 B
_error.js gzip 66.4 kB 66.5 kB ⚠️ +75 B
hooks.html 3.81 kB 3.81 kB -3 B
hooks.html gzip 980 B 981 B ⚠️ +1 B
index.js 248 kB 248 kB -8 B
index.js gzip 66.6 kB 66.6 kB -40 B
link.js 255 kB 255 kB -8 B
link.js gzip 68.9 kB 68.8 kB -123 B
routerDirect.js 249 kB 249 kB -8 B
routerDirect.js gzip 66.8 kB 66.9 kB ⚠️ +29 B
withRouter.js 248 kB 248 kB -8 B
withRouter.js gzip 66.7 kB 66.8 kB ⚠️ +191 B
Overall change -43 B

@ijjk
Copy link
Member

ijjk commented Aug 27, 2019

Stats from current PR

Default Server Mode (Increase detected ⚠️)
General Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
buildDuration 22.8s 22.7s -164ms
nodeModulesSize 41.3 MB 41.3 MB ⚠️ +918 B
Client Bundles (main, webpack, commons) Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.js 18.1 kB 18.1 kB -1 B
main-HASH.js gzip 6.64 kB 6.64 kB -1 B
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
Overall change -1 B
Client Bundles (main, webpack, commons) Modern Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.module.js 16.5 kB 16.5 kB -1 B
main-HASH.module.js gzip 6.37 kB 6.37 kB -1 B
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH.module.js gzip 746 B 746 B
Overall change -1 B
Client Pages Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.js 1.83 kB 1.83 kB
_app.js gzip 884 B 884 B
_error.js 12.1 kB 12.1 kB
_error.js gzip 4.76 kB 4.76 kB ⚠️ +1 B
hooks.js 12.7 kB 12.7 kB
hooks.js gzip 4.81 kB 4.81 kB
index.js 343 B 343 B
index.js gzip 237 B 237 B
link.js 8.14 kB 8.14 kB
link.js gzip 3.49 kB 3.49 kB ⚠️ +1 B
routerDirect.js 433 B 434 B ⚠️ +1 B
routerDirect.js gzip 296 B 296 B
withRouter.js 444 B 444 B
withRouter.js gzip 294 B 294 B
Overall change ⚠️ +1 B
Client Pages Modern Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.module.js 1.73 kB 1.73 kB
_app.module.js gzip 840 B 840 B
_error.module.js 23.3 kB 23.3 kB
_error.module.js gzip 8.62 kB 8.62 kB
hooks.module.js 1.55 kB 1.55 kB
hooks.module.js gzip 804 B 805 B ⚠️ +1 B
index.module.js 319 B 319 B
index.module.js gzip 238 B 238 B
link.module.js 8.52 kB 8.52 kB
link.module.js gzip 3.68 kB 3.68 kB
routerDirect.module.js 419 B 419 B
routerDirect.module.js gzip 294 B 294 B
withRouter.module.js 429 B 430 B ⚠️ +1 B
withRouter.module.js gzip 293 B 293 B
Overall change ⚠️ +1 B
Client Build Manifests
zeit/next.js canary developit/next.js custom-modern-preset Change
_buildManifest.js 81 B 81 B
_buildManifest.js gzip 61 B 61 B
_buildManifest.module.js 81 B 81 B
_buildManifest.module.js gzip 61 B 61 B
Overall change
Rendered Page Sizes
zeit/next.js canary developit/next.js custom-modern-preset Change
index.html 3.7 kB 3.7 kB
index.html gzip 955 B 953 B -2 B
link.html 3.75 kB 3.75 kB
link.html gzip 962 B 961 B -1 B
withRouter.html 3.75 kB 3.75 kB
withRouter.html gzip 950 B 948 B -2 B
Overall change

Diffs

Diff for index.html
@@ -6,9 +6,9 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/index.module.js"
+        <link rel="preload" href="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/index.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/_app.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/webpack-7928590be3ef2e55b835.module.js"
         as="script" crossorigin="anonymous" />
@@ -16,9 +16,9 @@
         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/RyxbN5g3Khp66dhsnEUjOa8YgSc=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/Vu2PwqZJGwL8lsip7Rq8i4N5iYI=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9Dbs585dfO1IcRq7Vj8tT/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/0j7tIWrBIHMxxzt6XiUkM/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -26,18 +26,18 @@
         <div id="__next">Hello world 👋</div>
         <script id="__NEXT_DATA__" type="application/json"
         crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"9Dbs585dfO1IcRq7Vj8tT"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"0j7tIWrBIHMxxzt6XiUkM"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/index.js"
+        <script async="" data-next-page="/" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/index.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/index.module.js"
+        <script async="" data-next-page="/" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/index.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -51,15 +51,15 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/tivmao7rkE5LXkyrqKtHlC5kM=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/PsQP4nts9c7Yk5QusQotc+JKrJo=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/RyxbN5g3Khp66dhsnEUjOa8YgSc=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/Vu2PwqZJGwL8lsip7Rq8i4N5iYI=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/RyxbN5g3Khp66dhsnEUjOa8YgSc=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/Vu2PwqZJGwL8lsip7Rq8i4N5iYI=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/_buildManifest.js"
+        <script src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/_buildManifest.module.js"
+        <script src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>
Diff for link.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/link.module.js"
+        <link rel="preload" href="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/link.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/_app.module.js"
         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/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/chunks/RyxbN5g3Khp66dhsnEUjOa8YgSc=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/Vu2PwqZJGwL8lsip7Rq8i4N5iYI=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9Dbs585dfO1IcRq7Vj8tT/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/0j7tIWrBIHMxxzt6XiUkM/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -29,18 +29,18 @@
             </div>
         </div>
         <script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/link","query":{},"buildId":"9Dbs585dfO1IcRq7Vj8tT"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/link","query":{},"buildId":"0j7tIWrBIHMxxzt6XiUkM"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/link" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/link.js"
+        <script async="" data-next-page="/link" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/link.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/link" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/link.module.js"
+        <script async="" data-next-page="/link" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/link.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -50,19 +50,19 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/tivmao7rkE5LXkyrqKtHlC5kM=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/PsQP4nts9c7Yk5QusQotc+JKrJo=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/RyxbN5g3Khp66dhsnEUjOa8YgSc=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/Vu2PwqZJGwL8lsip7Rq8i4N5iYI=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/RyxbN5g3Khp66dhsnEUjOa8YgSc=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/Vu2PwqZJGwL8lsip7Rq8i4N5iYI=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/_buildManifest.js"
+        <script src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/_buildManifest.module.js"
+        <script src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>
Diff for withRouter.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/withRouter.module.js"
+        <link rel="preload" href="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/withRouter.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/_app.module.js"
         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/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/chunks/RyxbN5g3Khp66dhsnEUjOa8YgSc=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/Vu2PwqZJGwL8lsip7Rq8i4N5iYI=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/9Dbs585dfO1IcRq7Vj8tT/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/0j7tIWrBIHMxxzt6XiUkM/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -27,18 +27,18 @@
             <div>I use withRouter</div>
         </div>
         <script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/withRouter","query":{},"buildId":"9Dbs585dfO1IcRq7Vj8tT"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/withRouter","query":{},"buildId":"0j7tIWrBIHMxxzt6XiUkM"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/withRouter" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/withRouter.js"
+        <script async="" data-next-page="/withRouter" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/withRouter.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/withRouter" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/withRouter.module.js"
+        <script async="" data-next-page="/withRouter" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/withRouter.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -48,19 +48,19 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/tivmao7rkE5LXkyrqKtHlC5kM=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/PsQP4nts9c7Yk5QusQotc+JKrJo=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/RyxbN5g3Khp66dhsnEUjOa8YgSc=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/Vu2PwqZJGwL8lsip7Rq8i4N5iYI=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/RyxbN5g3Khp66dhsnEUjOa8YgSc=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/Vu2PwqZJGwL8lsip7Rq8i4N5iYI=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/_buildManifest.js"
+        <script src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/9Dbs585dfO1IcRq7Vj8tT/_buildManifest.module.js"
+        <script src="/_next/static/0j7tIWrBIHMxxzt6XiUkM/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>

Serverless Mode (Increase detected ⚠️)
General Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
buildDuration 25.2s 25s -161ms
nodeModulesSize 41.3 MB 41.3 MB ⚠️ +918 B
Client Bundles (main, webpack, commons)
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.js 18.1 kB 18.1 kB
main-HASH.js gzip 6.64 kB 6.64 kB
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
Overall change
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.module.js 16.5 kB 16.5 kB
main-HASH.module.js gzip 6.37 kB 6.37 kB
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH.module.js gzip 746 B 746 B
Overall change
Client Pages
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.js 1.83 kB 1.83 kB
_app.js gzip 884 B 884 B
_error.js 12.1 kB 12.1 kB
_error.js gzip 4.76 kB 4.76 kB
hooks.js 12.7 kB 12.7 kB
hooks.js gzip 4.81 kB 4.81 kB
index.js 343 B 343 B
index.js gzip 237 B 237 B
link.js 8.14 kB 8.14 kB
link.js gzip 3.49 kB 3.49 kB
routerDirect.js 433 B 433 B
routerDirect.js gzip 296 B 296 B
withRouter.js 444 B 444 B
withRouter.js gzip 294 B 294 B
Overall change
Client Pages Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.module.js 1.73 kB 1.73 kB
_app.module.js gzip 840 B 840 B
_error.module.js 23.3 kB 23.3 kB
_error.module.js gzip 8.62 kB 8.62 kB
hooks.module.js 1.55 kB 1.55 kB
hooks.module.js gzip 804 B 804 B
index.module.js 319 B 319 B
index.module.js gzip 238 B 238 B
link.module.js 8.52 kB 8.52 kB
link.module.js gzip 3.68 kB 3.68 kB
routerDirect.module.js 419 B 419 B
routerDirect.module.js gzip 294 B 294 B
withRouter.module.js 429 B 429 B
withRouter.module.js gzip 293 B 293 B
Overall change
Client Build Manifests
zeit/next.js canary developit/next.js custom-modern-preset Change
_buildManifest.js 81 B 81 B
_buildManifest.js gzip 61 B 61 B
_buildManifest.module.js 81 B 81 B
_buildManifest.module.js gzip 61 B 61 B
Overall change
Serverless bundles Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
_error.js 247 kB 247 kB -5 B
_error.js gzip 66.3 kB 66.3 kB -33 B
hooks.html 3.81 kB 3.81 kB -1 B
hooks.html gzip 978 B 979 B ⚠️ +1 B
index.js 248 kB 248 kB -5 B
index.js gzip 66.6 kB 66.7 kB ⚠️ +111 B
link.js 255 kB 255 kB -5 B
link.js gzip 68.8 kB 68.8 kB ⚠️ +40 B
routerDirect.js 249 kB 249 kB -5 B
routerDirect.js gzip 66.8 kB 66.6 kB -178 B
withRouter.js 248 kB 248 kB -5 B
withRouter.js gzip 66.7 kB 66.7 kB -83 B
Overall change -26 B

@ijjk
Copy link
Member

ijjk commented Aug 27, 2019

Stats from current PR

Default Server Mode (Increase detected ⚠️)
General Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
buildDuration 22.1s 22.1s -22ms
nodeModulesSize 41.3 MB 41.3 MB ⚠️ +918 B
Client Bundles (main, webpack, commons)
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.js 18.1 kB 18.1 kB
main-HASH.js gzip 6.64 kB 6.64 kB
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
Overall change
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.module.js 16.5 kB 16.5 kB
main-HASH.module.js gzip 6.37 kB 6.37 kB
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH.module.js gzip 746 B 746 B
Overall change
Client Pages
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.js 1.83 kB 1.83 kB
_app.js gzip 884 B 884 B
_error.js 12.1 kB 12.1 kB
_error.js gzip 4.76 kB 4.76 kB
hooks.js 12.7 kB 12.7 kB
hooks.js gzip 4.81 kB 4.81 kB
index.js 343 B 343 B
index.js gzip 237 B 237 B
link.js 8.14 kB 8.14 kB
link.js gzip 3.49 kB 3.49 kB
routerDirect.js 433 B 433 B
routerDirect.js gzip 296 B 296 B
withRouter.js 444 B 444 B
withRouter.js gzip 294 B 294 B
Overall change
Client Pages Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.module.js 1.73 kB 1.73 kB
_app.module.js gzip 840 B 840 B
_error.module.js 23.3 kB 23.3 kB
_error.module.js gzip 8.62 kB 8.62 kB
hooks.module.js 1.55 kB 1.55 kB
hooks.module.js gzip 804 B 804 B
index.module.js 319 B 319 B
index.module.js gzip 238 B 238 B
link.module.js 8.52 kB 8.52 kB
link.module.js gzip 3.68 kB 3.68 kB
routerDirect.module.js 419 B 419 B
routerDirect.module.js gzip 294 B 294 B
withRouter.module.js 429 B 429 B
withRouter.module.js gzip 293 B 293 B
Overall change
Client Build Manifests
zeit/next.js canary developit/next.js custom-modern-preset Change
_buildManifest.js 81 B 81 B
_buildManifest.js gzip 61 B 61 B
_buildManifest.module.js 81 B 81 B
_buildManifest.module.js gzip 61 B 61 B
Overall change
Rendered Page Sizes Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
index.html 3.69 kB 3.7 kB ⚠️ +6 B
index.html gzip 952 B 956 B ⚠️ +4 B
link.html 3.74 kB 3.75 kB ⚠️ +6 B
link.html gzip 960 B 963 B ⚠️ +3 B
withRouter.html 3.75 kB 3.75 kB ⚠️ +6 B
withRouter.html gzip 948 B 950 B ⚠️ +2 B
Overall change ⚠️ +18 B

Diffs

Diff for main-HASH.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[11],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
 
 /***/ "/h46":
 /***/ (function(module, exports, __webpack_require__) {
Diff for main-HASH.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[3],{
 
 /***/ "+oT+":
 /***/ (function(module, exports, __webpack_require__) {
Diff for _app.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
 
 /***/ "B5Ud":
 /***/ (function(module, exports, __webpack_require__) {
Diff for _error.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
 
 /***/ "+iuc":
 /***/ (function(module, exports, __webpack_require__) {
Diff for hooks.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
 
 /***/ "+MDD":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for index.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[8],{
 
 /***/ "RNiq":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for link.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[8],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
 
 /***/ "/h46":
 /***/ (function(module, exports, __webpack_require__) {
Diff for routerDirect.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
 
 /***/ "LtRI":
 /***/ (function(module, exports, __webpack_require__) {
Diff for withRouter.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[11],{
 
 /***/ "0Hlz":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for _app.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[3],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
 
 /***/ "+oT+":
 /***/ (function(module, exports, __webpack_require__) {
Diff for _error.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
 
 /***/ "+iuc":
 /***/ (function(module, exports, __webpack_require__) {
Diff for hooks.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
 
 /***/ "+MDD":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for index.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
 
 /***/ "RNiq":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for link.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[8],{
 
 /***/ "/h46":
 /***/ (function(module, exports, __webpack_require__) {
Diff for routerDirect.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[8],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
 
 /***/ "LtRI":
 /***/ (function(module, exports, __webpack_require__) {
Diff for withRouter.module.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
 
 /***/ "0Hlz":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
Diff for index.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/index.module.js"
+        <link rel="preload" href="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/index.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/_app.module.js"
         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-9c0b8b62a2fb27af35b2.module.js"
+        <link rel="preload" href="/_next/static/runtime/main-57fd58f9724110a1d2ca.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/SvW5RhauIT09LysjT1DyIqKzro=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/Oi7Nl5NVXKB3ol52ikQznuzfFOg=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/OCzptDYpHIMKTLtzfXAuQ/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/wcX_IncpAr0_-i7qdSnp2/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -26,40 +26,40 @@
         <div id="__next">Hello world 👋</div>
         <script id="__NEXT_DATA__" type="application/json"
         crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"OCzptDYpHIMKTLtzfXAuQ"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"wcX_IncpAr0_-i7qdSnp2"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/index.js"
+        <script async="" data-next-page="/" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/index.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/index.module.js"
+        <script async="" data-next-page="/" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/index.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         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-97617d800ec2b207a20a.js"
+        <script src="/_next/static/runtime/main-758fcb9b9994c6769dbb.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
+        <script src="/_next/static/runtime/main-57fd58f9724110a1d2ca.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.js"
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/sCXvPX5Jzphy76xUDT9x7IF6xc=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/98P1KxcOm4V0iFDuBEu927LTaZI=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/SvW5RhauIT09LysjT1DyIqKzro=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/Oi7Nl5NVXKB3ol52ikQznuzfFOg=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/SvW5RhauIT09LysjT1DyIqKzro=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/Oi7Nl5NVXKB3ol52ikQznuzfFOg=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/_buildManifest.js"
+        <script src="/_next/static/wcX_IncpAr0_-i7qdSnp2/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/_buildManifest.module.js"
+        <script src="/_next/static/wcX_IncpAr0_-i7qdSnp2/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>
Diff for link.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/link.module.js"
+        <link rel="preload" href="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/link.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/_app.module.js"
         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/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/chunks/SvW5RhauIT09LysjT1DyIqKzro=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/Oi7Nl5NVXKB3ol52ikQznuzfFOg=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
+        <link rel="preload" href="/_next/static/runtime/main-57fd58f9724110a1d2ca.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/OCzptDYpHIMKTLtzfXAuQ/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/wcX_IncpAr0_-i7qdSnp2/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -29,18 +29,18 @@
             </div>
         </div>
         <script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/link","query":{},"buildId":"OCzptDYpHIMKTLtzfXAuQ"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/link","query":{},"buildId":"wcX_IncpAr0_-i7qdSnp2"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/link" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/link.js"
+        <script async="" data-next-page="/link" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/link.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/link" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/link.module.js"
+        <script async="" data-next-page="/link" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/link.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -50,19 +50,19 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/sCXvPX5Jzphy76xUDT9x7IF6xc=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/98P1KxcOm4V0iFDuBEu927LTaZI=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/SvW5RhauIT09LysjT1DyIqKzro=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/Oi7Nl5NVXKB3ol52ikQznuzfFOg=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/SvW5RhauIT09LysjT1DyIqKzro=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/Oi7Nl5NVXKB3ol52ikQznuzfFOg=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
+        <script src="/_next/static/runtime/main-758fcb9b9994c6769dbb.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
+        <script src="/_next/static/runtime/main-57fd58f9724110a1d2ca.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/_buildManifest.js"
+        <script src="/_next/static/wcX_IncpAr0_-i7qdSnp2/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/_buildManifest.module.js"
+        <script src="/_next/static/wcX_IncpAr0_-i7qdSnp2/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>
Diff for withRouter.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/withRouter.module.js"
+        <link rel="preload" href="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/withRouter.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/_app.module.js"
         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/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/chunks/SvW5RhauIT09LysjT1DyIqKzro=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/Oi7Nl5NVXKB3ol52ikQznuzfFOg=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
+        <link rel="preload" href="/_next/static/runtime/main-57fd58f9724110a1d2ca.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/OCzptDYpHIMKTLtzfXAuQ/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/wcX_IncpAr0_-i7qdSnp2/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -27,18 +27,18 @@
             <div>I use withRouter</div>
         </div>
         <script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/withRouter","query":{},"buildId":"OCzptDYpHIMKTLtzfXAuQ"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/withRouter","query":{},"buildId":"wcX_IncpAr0_-i7qdSnp2"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/withRouter" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/withRouter.js"
+        <script async="" data-next-page="/withRouter" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/withRouter.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/withRouter" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/withRouter.module.js"
+        <script async="" data-next-page="/withRouter" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/withRouter.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/wcX_IncpAr0_-i7qdSnp2/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -48,19 +48,19 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/sCXvPX5Jzphy76xUDT9x7IF6xc=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/98P1KxcOm4V0iFDuBEu927LTaZI=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/SvW5RhauIT09LysjT1DyIqKzro=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/Oi7Nl5NVXKB3ol52ikQznuzfFOg=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/SvW5RhauIT09LysjT1DyIqKzro=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/Oi7Nl5NVXKB3ol52ikQznuzfFOg=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
+        <script src="/_next/static/runtime/main-758fcb9b9994c6769dbb.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
+        <script src="/_next/static/runtime/main-57fd58f9724110a1d2ca.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/_buildManifest.js"
+        <script src="/_next/static/wcX_IncpAr0_-i7qdSnp2/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/OCzptDYpHIMKTLtzfXAuQ/_buildManifest.module.js"
+        <script src="/_next/static/wcX_IncpAr0_-i7qdSnp2/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>

Serverless Mode (Increase detected ⚠️)
General Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
buildDuration 23.5s 23.8s ⚠️ +256ms
nodeModulesSize 41.3 MB 41.3 MB ⚠️ +918 B
Client Bundles (main, webpack, commons) Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.js 18.1 kB 18.1 kB ⚠️ +1 B
main-HASH.js gzip 6.64 kB 6.64 kB ⚠️ +1 B
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
Overall change ⚠️ +1 B
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.module.js 16.5 kB 16.5 kB ⚠️ +1 B
main-HASH.module.js gzip 6.37 kB 6.37 kB ⚠️ +1 B
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH.module.js gzip 746 B 746 B
Overall change ⚠️ +1 B
Client Pages Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.js 1.83 kB 1.83 kB
_app.js gzip 884 B 884 B
_error.js 12.1 kB 12.1 kB
_error.js gzip 4.76 kB 4.76 kB -1 B
hooks.js 12.7 kB 12.7 kB
hooks.js gzip 4.81 kB 4.81 kB
index.js 343 B 343 B
index.js gzip 237 B 237 B
link.js 8.14 kB 8.14 kB
link.js gzip 3.49 kB 3.49 kB -1 B
routerDirect.js 434 B 433 B -1 B
routerDirect.js gzip 296 B 296 B
withRouter.js 444 B 444 B
withRouter.js gzip 294 B 294 B
Overall change -1 B
Client Pages Modern Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.module.js 1.73 kB 1.73 kB
_app.module.js gzip 840 B 840 B
_error.module.js 23.3 kB 23.3 kB
_error.module.js gzip 8.62 kB 8.62 kB
hooks.module.js 1.55 kB 1.55 kB
hooks.module.js gzip 805 B 804 B -1 B
index.module.js 319 B 319 B
index.module.js gzip 238 B 238 B
link.module.js 8.52 kB 8.52 kB
link.module.js gzip 3.68 kB 3.68 kB
routerDirect.module.js 419 B 419 B
routerDirect.module.js gzip 294 B 294 B
withRouter.module.js 430 B 429 B -1 B
withRouter.module.js gzip 293 B 293 B
Overall change -1 B
Client Build Manifests
zeit/next.js canary developit/next.js custom-modern-preset Change
_buildManifest.js 81 B 81 B
_buildManifest.js gzip 61 B 61 B
_buildManifest.module.js 81 B 81 B
_buildManifest.module.js gzip 61 B 61 B
Overall change
Serverless bundles Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
_error.js 247 kB 247 kB ⚠️ +8 B
_error.js gzip 66.4 kB 66.3 kB -97 B
hooks.html 3.81 kB 3.81 kB ⚠️ +3 B
hooks.html gzip 975 B 977 B ⚠️ +2 B
index.js 248 kB 248 kB ⚠️ +8 B
index.js gzip 66.5 kB 66.7 kB ⚠️ +119 B
link.js 255 kB 255 kB ⚠️ +8 B
link.js gzip 68.8 kB 68.7 kB -132 B
routerDirect.js 249 kB 249 kB ⚠️ +8 B
routerDirect.js gzip 66.7 kB 66.7 kB -27 B
withRouter.js 248 kB 248 kB ⚠️ +8 B
withRouter.js gzip 66.7 kB 66.8 kB ⚠️ +96 B
Overall change ⚠️ +43 B

Copy link
Member

@Timer Timer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@Timer Timer added this to the 9.0.6 milestone Aug 27, 2019
@ijjk
Copy link
Member

ijjk commented Aug 27, 2019

Stats from current PR

Default Server Mode (Increase detected ⚠️)
General Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
buildDuration 22.4s 23s ⚠️ +601ms
nodeModulesSize 41.3 MB 41.3 MB ⚠️ +918 B
Client Bundles (main, webpack, commons)
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.js 18.1 kB 18.1 kB
main-HASH.js gzip 6.64 kB 6.64 kB
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
Overall change
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.module.js 16.5 kB 16.5 kB
main-HASH.module.js gzip 6.37 kB 6.37 kB
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH.module.js gzip 746 B 746 B
Overall change
Client Pages
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.js 1.83 kB 1.83 kB
_app.js gzip 884 B 884 B
_error.js 12.1 kB 12.1 kB
_error.js gzip 4.76 kB 4.76 kB
hooks.js 12.7 kB 12.7 kB
hooks.js gzip 4.81 kB 4.81 kB
index.js 343 B 343 B
index.js gzip 237 B 237 B
link.js 8.14 kB 8.14 kB
link.js gzip 3.49 kB 3.49 kB
routerDirect.js 433 B 433 B
routerDirect.js gzip 296 B 296 B
withRouter.js 444 B 444 B
withRouter.js gzip 294 B 294 B
Overall change
Client Pages Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.module.js 1.73 kB 1.73 kB
_app.module.js gzip 840 B 840 B
_error.module.js 23.3 kB 23.3 kB
_error.module.js gzip 8.62 kB 8.62 kB
hooks.module.js 1.55 kB 1.55 kB
hooks.module.js gzip 804 B 804 B
index.module.js 319 B 319 B
index.module.js gzip 238 B 238 B
link.module.js 8.52 kB 8.52 kB
link.module.js gzip 3.68 kB 3.68 kB
routerDirect.module.js 419 B 419 B
routerDirect.module.js gzip 294 B 294 B
withRouter.module.js 429 B 429 B
withRouter.module.js gzip 293 B 293 B
Overall change
Client Build Manifests
zeit/next.js canary developit/next.js custom-modern-preset Change
_buildManifest.js 81 B 81 B
_buildManifest.js gzip 61 B 61 B
_buildManifest.module.js 81 B 81 B
_buildManifest.module.js gzip 61 B 61 B
Overall change
Rendered Page Sizes Overall decrease ✓
zeit/next.js canary developit/next.js custom-modern-preset Change
index.html 3.7 kB 3.69 kB -2 B
index.html gzip 956 B 954 B -2 B
link.html 3.74 kB 3.74 kB -2 B
link.html gzip 963 B 962 B -1 B
withRouter.html 3.75 kB 3.75 kB -2 B
withRouter.html gzip 951 B 949 B -2 B
Overall change -6 B

Diffs

Diff for index.html
@@ -6,9 +6,9 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/index.module.js"
+        <link rel="preload" href="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/index.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/_app.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/webpack-7928590be3ef2e55b835.module.js"
         as="script" crossorigin="anonymous" />
@@ -16,9 +16,9 @@
         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/Y0CmmiU3nNeLQl1CDxrRtm75G1E=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/C8qvWtj9REW8kgSWPxGUuzHrLSI=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/A0eG5QP48Bt2akj5MM06I/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/bNtbPy_H4sa9wIrG0oQfS/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -26,18 +26,18 @@
         <div id="__next">Hello world 👋</div>
         <script id="__NEXT_DATA__" type="application/json"
         crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"A0eG5QP48Bt2akj5MM06I"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"bNtbPy_H4sa9wIrG0oQfS"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/index.js"
+        <script async="" data-next-page="/" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/index.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/index.module.js"
+        <script async="" data-next-page="/" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/index.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -51,15 +51,15 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/qRrnKf3vKq7wyNNxAsAqJrX48AU=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/apsHZOJa8jo9dOXVF8dwcnaIias=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/Y0CmmiU3nNeLQl1CDxrRtm75G1E=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/C8qvWtj9REW8kgSWPxGUuzHrLSI=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/Y0CmmiU3nNeLQl1CDxrRtm75G1E=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/C8qvWtj9REW8kgSWPxGUuzHrLSI=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/A0eG5QP48Bt2akj5MM06I/_buildManifest.js"
+        <script src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/A0eG5QP48Bt2akj5MM06I/_buildManifest.module.js"
+        <script src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>
Diff for link.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/link.module.js"
+        <link rel="preload" href="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/link.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/_app.module.js"
         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/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/chunks/Y0CmmiU3nNeLQl1CDxrRtm75G1E=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/C8qvWtj9REW8kgSWPxGUuzHrLSI=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/A0eG5QP48Bt2akj5MM06I/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/bNtbPy_H4sa9wIrG0oQfS/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -29,18 +29,18 @@
             </div>
         </div>
         <script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/link","query":{},"buildId":"A0eG5QP48Bt2akj5MM06I"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/link","query":{},"buildId":"bNtbPy_H4sa9wIrG0oQfS"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/link" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/link.js"
+        <script async="" data-next-page="/link" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/link.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/link" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/link.module.js"
+        <script async="" data-next-page="/link" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/link.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -50,19 +50,19 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/qRrnKf3vKq7wyNNxAsAqJrX48AU=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/apsHZOJa8jo9dOXVF8dwcnaIias=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/Y0CmmiU3nNeLQl1CDxrRtm75G1E=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/C8qvWtj9REW8kgSWPxGUuzHrLSI=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/Y0CmmiU3nNeLQl1CDxrRtm75G1E=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/C8qvWtj9REW8kgSWPxGUuzHrLSI=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/A0eG5QP48Bt2akj5MM06I/_buildManifest.js"
+        <script src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/A0eG5QP48Bt2akj5MM06I/_buildManifest.module.js"
+        <script src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>
Diff for withRouter.html
@@ -6,19 +6,19 @@
         <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"
         />
         <meta name="next-head-count" content="2" />
-        <link rel="preload" href="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/withRouter.module.js"
+        <link rel="preload" href="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/withRouter.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/_app.module.js"
+        <link rel="preload" href="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/_app.module.js"
         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/chunks/framework.cdb73e402d876d4ac87f.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/chunks/Y0CmmiU3nNeLQl1CDxrRtm75G1E=.72ab6ea1ebeafbd8c735.module.js"
+        <link rel="preload" href="/_next/static/chunks/C8qvWtj9REW8kgSWPxGUuzHrLSI=.72ab6ea1ebeafbd8c735.module.js"
         as="script" crossorigin="anonymous" />
         <link rel="preload" href="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         as="script" crossorigin="anonymous" />
-        <link rel="preload" href="/_next/static/A0eG5QP48Bt2akj5MM06I/_buildManifest.module.js"
+        <link rel="preload" href="/_next/static/bNtbPy_H4sa9wIrG0oQfS/_buildManifest.module.js"
         as="script" crossorigin="anonymous" />
     </head>
     
@@ -27,18 +27,18 @@
             <div>I use withRouter</div>
         </div>
         <script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">
-            {"dataManager":"[]","props":{"pageProps":{}},"page":"/withRouter","query":{},"buildId":"A0eG5QP48Bt2akj5MM06I"}
+            {"dataManager":"[]","props":{"pageProps":{}},"page":"/withRouter","query":{},"buildId":"bNtbPy_H4sa9wIrG0oQfS"}
         </script>
         <script crossorigin="anonymous" nomodule="">
             !function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();
         </script>
-        <script async="" data-next-page="/withRouter" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/withRouter.js"
+        <script async="" data-next-page="/withRouter" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/withRouter.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/withRouter" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/withRouter.module.js"
+        <script async="" data-next-page="/withRouter" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/withRouter.module.js"
         crossorigin="anonymous" type="module"></script>
-        <script async="" data-next-page="/_app" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/_app.js"
+        <script async="" data-next-page="/_app" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/_app.js"
         crossorigin="anonymous" nomodule=""></script>
-        <script async="" data-next-page="/_app" src="/_next/static/A0eG5QP48Bt2akj5MM06I/pages/_app.module.js"
+        <script async="" data-next-page="/_app" src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/pages/_app.module.js"
         crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/webpack-a470c2a25bcb4d5a8ec0.js"
         async="" crossorigin="anonymous" nomodule=""></script>
@@ -48,19 +48,19 @@
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/chunks/framework.cdb73e402d876d4ac87f.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/chunks/qRrnKf3vKq7wyNNxAsAqJrX48AU=.155621535702fe040780.js"
+        <script src="/_next/static/chunks/apsHZOJa8jo9dOXVF8dwcnaIias=.155621535702fe040780.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/Y0CmmiU3nNeLQl1CDxrRtm75G1E=.c99adde05e467047c83e.js"
+        <script src="/_next/static/chunks/C8qvWtj9REW8kgSWPxGUuzHrLSI=.c99adde05e467047c83e.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/chunks/Y0CmmiU3nNeLQl1CDxrRtm75G1E=.72ab6ea1ebeafbd8c735.module.js"
+        <script src="/_next/static/chunks/C8qvWtj9REW8kgSWPxGUuzHrLSI=.72ab6ea1ebeafbd8c735.module.js"
         async="" crossorigin="anonymous" type="module"></script>
         <script src="/_next/static/runtime/main-97617d800ec2b207a20a.js"
         async="" crossorigin="anonymous" nomodule=""></script>
         <script src="/_next/static/runtime/main-9c0b8b62a2fb27af35b2.module.js"
         async="" crossorigin="anonymous" type="module"></script>
-        <script src="/_next/static/A0eG5QP48Bt2akj5MM06I/_buildManifest.js"
+        <script src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/_buildManifest.js"
         async="" crossorigin="anonymous" nomodule=""></script>
-        <script src="/_next/static/A0eG5QP48Bt2akj5MM06I/_buildManifest.module.js"
+        <script src="/_next/static/bNtbPy_H4sa9wIrG0oQfS/_buildManifest.module.js"
         async="" crossorigin="anonymous" type="module"></script>
     </body>

Serverless Mode (Increase detected ⚠️)
General Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
buildDuration 24.1s 24.7s ⚠️ +573ms
nodeModulesSize 41.3 MB 41.3 MB ⚠️ +918 B
Client Bundles (main, webpack, commons)
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.js 18.1 kB 18.1 kB
main-HASH.js gzip 6.64 kB 6.64 kB
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
Overall change
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
main-HASH.module.js 16.5 kB 16.5 kB
main-HASH.module.js gzip 6.37 kB 6.37 kB
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH.module.js gzip 746 B 746 B
Overall change
Client Pages
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.js 1.83 kB 1.83 kB
_app.js gzip 884 B 884 B
_error.js 12.1 kB 12.1 kB
_error.js gzip 4.76 kB 4.76 kB
hooks.js 12.7 kB 12.7 kB
hooks.js gzip 4.81 kB 4.81 kB
index.js 343 B 343 B
index.js gzip 237 B 237 B
link.js 8.14 kB 8.14 kB
link.js gzip 3.49 kB 3.49 kB
routerDirect.js 433 B 433 B
routerDirect.js gzip 296 B 296 B
withRouter.js 444 B 444 B
withRouter.js gzip 294 B 294 B
Overall change
Client Pages Modern
zeit/next.js canary developit/next.js custom-modern-preset Change
_app.module.js 1.73 kB 1.73 kB
_app.module.js gzip 840 B 840 B
_error.module.js 23.3 kB 23.3 kB
_error.module.js gzip 8.62 kB 8.62 kB
hooks.module.js 1.55 kB 1.55 kB
hooks.module.js gzip 804 B 804 B
index.module.js 319 B 319 B
index.module.js gzip 238 B 238 B
link.module.js 8.52 kB 8.52 kB
link.module.js gzip 3.68 kB 3.68 kB
routerDirect.module.js 419 B 419 B
routerDirect.module.js gzip 294 B 294 B
withRouter.module.js 429 B 429 B
withRouter.module.js gzip 293 B 293 B
Overall change
Client Build Manifests
zeit/next.js canary developit/next.js custom-modern-preset Change
_buildManifest.js 81 B 81 B
_buildManifest.js gzip 61 B 61 B
_buildManifest.module.js 81 B 81 B
_buildManifest.module.js gzip 61 B 61 B
Overall change
Serverless bundles Overall increase ⚠️
zeit/next.js canary developit/next.js custom-modern-preset Change
_error.js 247 kB 247 kB ⚠️ +3 B
_error.js gzip 66.2 kB 66.2 kB ⚠️ +2 B
hooks.html 3.81 kB 3.81 kB ⚠️ +2 B
hooks.html gzip 981 B 980 B -1 B
index.js 248 kB 248 kB ⚠️ +3 B
index.js gzip 66.6 kB 66.5 kB -70 B
link.js 255 kB 255 kB ⚠️ +3 B
link.js gzip 68.8 kB 68.9 kB ⚠️ +132 B
routerDirect.js 249 kB 249 kB ⚠️ +3 B
routerDirect.js gzip 66.7 kB 66.7 kB -59 B
withRouter.js 248 kB 248 kB ⚠️ +3 B
withRouter.js gzip 66.7 kB 66.8 kB ⚠️ +116 B
Overall change ⚠️ +17 B

@Timer Timer merged commit 1b6e455 into vercel:canary Aug 27, 2019
@developit developit changed the title Add modern-preset Babel option Add experimental-modern-preset Babel option Sep 3, 2019
@vercel vercel locked as resolved and limited conversation to collaborators Feb 1, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants