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.

Sign up for GitHub

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

Jump to bottom

Replace experimental reactMode with reactRoot #24280

Merged
merged 12 commits into from
Apr 24, 2021
Merged

Replace experimental reactMode with reactRoot #24280

merged 12 commits into from
Apr 24, 2021

Conversation

devknoll
Copy link
Contributor

@devknoll devknoll commented Apr 20, 2021 •
edited
Loading

React 18 is no longer planning on having "blocking" or "concurrent" modes: instead, there will just be a new createRoot.

This PR replaces the reactMode: "legacy" | "blocking" | "concurrent" experimental option with a single reactRoot: boolean that will use createRoot when true. In the Next.js 10 release cycle (as of writing), this will remain experimental and always default to false, even if you're in the future and using React 18. You can manually set it in your next.config.js at your own risk, to opt-in to experimental React 18 support, but note that there are no semver or other API stability guarantees here.

The tentative plan is that in the next major Next.js release, this option will be moved out of experimental, and will default to true if you're also using React 18. We'll also want to include a warning at that time telling you about the default.

@ijjk
Copy link
Member

ijjk commented Apr 20, 2021

Stats from current PR

Default Server Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 13.6s 13.6s ⚠️ +62ms
buildDurationCached 4.3s 4.1s -244ms
nodeModulesSize 46.6 MB 46.6 MB -19 B
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.414 2.395 -0.02
/ avg req/sec 1035.64 1043.73 +8.09
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.384 1.429 ⚠️ +0.05
/error-in-render avg req/sec 1806.94 1749.1 ⚠️ -57.84
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Rendered Page Sizes Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 611 B 609 B -2 B
link.html gzip 616 B 614 B -2 B
withRouter.html gzip 605 B 604 B -1 B
Overall change 1.83 kB 1.83 kB -5 B

Diffs

Diff for 778-HASH.js 
@@ -971,7 +971,7 @@
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -980,17 +980,17 @@
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName, _reactRoot;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-3b6d796c1f0af25afb65.js"
+      href="/_next/static/chunks/webpack-87621df1f886712827d7.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-e89e6b9d1df51cb79258.js"
+      href="/_next/static/chunks/778-00135ece7f6f650152cc.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-3b6d796c1f0af25afb65.js"
+      src="/_next/static/chunks/webpack-87621df1f886712827d7.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-e89e6b9d1df51cb79258.js"
+      src="/_next/static/chunks/778-00135ece7f6f650152cc.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-3b6d796c1f0af25afb65.js"
+      href="/_next/static/chunks/webpack-87621df1f886712827d7.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-e89e6b9d1df51cb79258.js"
+      href="/_next/static/chunks/778-00135ece7f6f650152cc.js"
       as="script"
     />
     <link
@@ -63,7 +63,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-3b6d796c1f0af25afb65.js"
+      src="/_next/static/chunks/webpack-87621df1f886712827d7.js"
       async=""
     ></script>
     <script
@@ -75,7 +75,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-e89e6b9d1df51cb79258.js"
+      src="/_next/static/chunks/778-00135ece7f6f650152cc.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-3b6d796c1f0af25afb65.js"
+      href="/_next/static/chunks/webpack-87621df1f886712827d7.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-e89e6b9d1df51cb79258.js"
+      href="/_next/static/chunks/778-00135ece7f6f650152cc.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-3b6d796c1f0af25afb65.js"
+      src="/_next/static/chunks/webpack-87621df1f886712827d7.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-e89e6b9d1df51cb79258.js"
+      src="/_next/static/chunks/778-00135ece7f6f650152cc.js"
       async=""
     ></script>
     <script
Serverless Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 17s 16.8s -203ms
buildDurationCached 6.4s 6.2s -162ms
nodeModulesSize 46.6 MB 46.6 MB -19 B
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Serverless bundles Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_error.js 1.39 MB 1.39 MB -2 B
404.html 2.76 kB 2.76 kB ✓
500.html 2.75 kB 2.75 kB ✓
amp.amp.html 10.7 kB 10.7 kB ✓
amp.html 1.96 kB 1.96 kB ✓
css.html 2.13 kB 2.13 kB ✓
hooks.html 2.01 kB 2.01 kB ✓
index.js 1.39 MB 1.39 MB ✓
link.js 1.45 MB 1.45 MB ✓
routerDirect.js 1.44 MB 1.44 MB ⚠️ +2 B
withRouter.js 1.44 MB 1.44 MB -4 B
Overall change 7.15 MB 7.15 MB -4 B
Webpack 4 Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 11.2s 11.6s ⚠️ +352ms
buildDurationCached 4.7s 4.7s ⚠️ +6ms
nodeModulesSize 46.6 MB 46.6 MB -19 B
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.453 2.433 -0.02
/ avg req/sec 1019.23 1027.58 +8.35
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.371 1.387 ⚠️ +0.02
/error-in-render avg req/sec 1823.38 1802.62 ⚠️ -20.76
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
677f882d2ed8..HASH.js gzip 13.4 kB 13.4 kB ✓
framework.HASH.js gzip 39 kB 39 kB ✓
main-HASH.js gzip 7.2 kB 7.2 kB ✓
webpack-HASH.js gzip 751 B 751 B ✓
Overall change 60.3 kB 60.3 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.3 kB 31.3 kB ✓
Overall change 31.3 kB 31.3 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.28 kB 1.28 kB ✓
_error-HASH.js gzip 3.71 kB 3.71 kB ✓
amp-HASH.js gzip 536 B 536 B ✓
css-HASH.js gzip 339 B 339 B ✓
hooks-HASH.js gzip 887 B 887 B ✓
index-HASH.js gzip 227 B 227 B ✓
link-HASH.js gzip 1.65 kB 1.65 kB ✓
routerDirect..HASH.js gzip 303 B 303 B ✓
withRouter-HASH.js gzip 302 B 302 B ✓
21c68fa65a48..217.css gzip 125 B 125 B ✓
Overall change 9.36 kB 9.36 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 419 B 419 B ✓
Overall change 419 B 419 B ✓
Rendered Page Sizes Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 613 B 612 B -1 B
link.html gzip 619 B 618 B -1 B
withRouter.html gzip 606 B 605 B -1 B
Overall change 1.84 kB 1.83 kB -3 B

Diffs

Diff for main-HASH.js 
@@ -971,7 +971,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -980,17 +980,17 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName, _reactRoot;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-c85e3ea1e07214e1821c.js"
+      href="/_next/static/chunks/main-bd9346dc796d1184279d.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-c85e3ea1e07214e1821c.js"
+      src="/_next/static/chunks/main-bd9346dc796d1184279d.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-c85e3ea1e07214e1821c.js"
+      href="/_next/static/chunks/main-bd9346dc796d1184279d.js"
       as="script"
     />
     <link
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-c85e3ea1e07214e1821c.js"
+      src="/_next/static/chunks/main-bd9346dc796d1184279d.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-c85e3ea1e07214e1821c.js"
+      href="/_next/static/chunks/main-bd9346dc796d1184279d.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-c85e3ea1e07214e1821c.js"
+      src="/_next/static/chunks/main-bd9346dc796d1184279d.js"
       async=""
     ></script>
     <script
Commit: b8f3897

@ijjk
Copy link
Member

ijjk commented Apr 22, 2021

Stats from current PR

Default Server Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 13.9s 13.4s -517ms
buildDurationCached 4.4s 4.1s -246ms
nodeModulesSize 46.6 MB 46.6 MB -1.21 kB
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.286 2.376 ⚠️ +0.09
/ avg req/sec 1093.53 1052.27 ⚠️ -41.26
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.189 1.214 ⚠️ +0.02
/error-in-render avg req/sec 2103.31 2059.78 ⚠️ -43.53
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 609 B 611 B ⚠️ +2 B
link.html gzip 615 B 616 B ⚠️ +1 B
withRouter.html gzip 605 B 606 B ⚠️ +1 B
Overall change 1.83 kB 1.83 kB ⚠️ +4 B

Diffs

Diff for 778-HASH.js 
@@ -971,7 +971,7 @@
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -980,17 +980,17 @@
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName, _reactRoot;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      href="/_next/static/chunks/webpack-c5b13d76c5c36491f79d.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      href="/_next/static/chunks/778-7ab79ad189de462a24ee.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      src="/_next/static/chunks/webpack-c5b13d76c5c36491f79d.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      src="/_next/static/chunks/778-7ab79ad189de462a24ee.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      href="/_next/static/chunks/webpack-c5b13d76c5c36491f79d.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      href="/_next/static/chunks/778-7ab79ad189de462a24ee.js"
       as="script"
     />
     <link
@@ -63,7 +63,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      src="/_next/static/chunks/webpack-c5b13d76c5c36491f79d.js"
       async=""
     ></script>
     <script
@@ -75,7 +75,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      src="/_next/static/chunks/778-7ab79ad189de462a24ee.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      href="/_next/static/chunks/webpack-c5b13d76c5c36491f79d.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      href="/_next/static/chunks/778-7ab79ad189de462a24ee.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      src="/_next/static/chunks/webpack-c5b13d76c5c36491f79d.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      src="/_next/static/chunks/778-7ab79ad189de462a24ee.js"
       async=""
     ></script>
     <script
Serverless Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 16.8s 16.6s -122ms
buildDurationCached 6.3s 6.3s ⚠️ +55ms
nodeModulesSize 46.6 MB 46.6 MB -1.21 kB
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Serverless bundles
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_error.js 1.39 MB 1.39 MB ✓
404.html 2.76 kB 2.76 kB ✓
500.html 2.75 kB 2.75 kB ✓
amp.amp.html 10.8 kB 10.8 kB ✓
amp.html 1.96 kB 1.96 kB ✓
css.html 2.13 kB 2.13 kB ✓
hooks.html 2.01 kB 2.01 kB ✓
index.js 1.39 MB 1.39 MB ✓
link.js 1.45 MB 1.45 MB ✓
routerDirect.js 1.44 MB 1.44 MB ✓
withRouter.js 1.44 MB 1.44 MB ✓
Overall change 7.15 MB 7.15 MB ✓
Webpack 4 Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 11.5s 11.4s -121ms
buildDurationCached 5s 4.7s -338ms
nodeModulesSize 46.6 MB 46.6 MB -1.21 kB
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.315 2.323 ⚠️ +0.01
/ avg req/sec 1080.09 1076.42 ⚠️ -3.67
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.197 1.201 0
/error-in-render avg req/sec 2088 2081.2 ⚠️ -6.8
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
677f882d2ed8..HASH.js gzip 13.4 kB 13.4 kB ✓
framework.HASH.js gzip 39 kB 39 kB ✓
main-HASH.js gzip 7.2 kB 7.2 kB ✓
webpack-HASH.js gzip 751 B 751 B ✓
Overall change 60.3 kB 60.3 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.3 kB 31.3 kB ✓
Overall change 31.3 kB 31.3 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.28 kB 1.28 kB ✓
_error-HASH.js gzip 3.71 kB 3.71 kB ✓
amp-HASH.js gzip 536 B 536 B ✓
css-HASH.js gzip 339 B 339 B ✓
hooks-HASH.js gzip 887 B 887 B ✓
index-HASH.js gzip 227 B 227 B ✓
link-HASH.js gzip 1.65 kB 1.65 kB ✓
routerDirect..HASH.js gzip 303 B 303 B ✓
withRouter-HASH.js gzip 302 B 302 B ✓
21c68fa65a48..217.css gzip 125 B 125 B ✓
Overall change 9.36 kB 9.36 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 419 B 419 B ✓
Overall change 419 B 419 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 612 B 613 B ⚠️ +1 B
link.html gzip 620 B 621 B ⚠️ +1 B
withRouter.html gzip 605 B 607 B ⚠️ +2 B
Overall change 1.84 kB 1.84 kB ⚠️ +4 B

Diffs

Diff for main-HASH.js 
@@ -971,7 +971,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -980,17 +980,17 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName, _reactRoot;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      href="/_next/static/chunks/main-e0eac52f9d7dffe54280.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      src="/_next/static/chunks/main-e0eac52f9d7dffe54280.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      href="/_next/static/chunks/main-e0eac52f9d7dffe54280.js"
       as="script"
     />
     <link
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      src="/_next/static/chunks/main-e0eac52f9d7dffe54280.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      href="/_next/static/chunks/main-e0eac52f9d7dffe54280.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      src="/_next/static/chunks/main-e0eac52f9d7dffe54280.js"
       async=""
     ></script>
     <script
Commit: 9050394

@devknoll devknoll marked this pull request as ready for review April 22, 2021 16:10
@ijjk
Copy link
Member

ijjk commented Apr 22, 2021

Stats from current PR

Default Server Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 15s 15.1s ⚠️ +90ms
buildDurationCached 4.8s 4.4s -392ms
nodeModulesSize 46.6 MB 46.6 MB -1.2 kB
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.586 2.731 ⚠️ +0.15
/ avg req/sec 966.9 915.51 ⚠️ -51.39
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.511 1.522 ⚠️ +0.01
/error-in-render avg req/sec 1654.09 1642.9 ⚠️ -11.19
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Rendered Page Sizes Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 609 B 609 B ✓
link.html gzip 615 B 614 B -1 B
withRouter.html gzip 605 B 604 B -1 B
Overall change 1.83 kB 1.83 kB -2 B

Diffs

Diff for 778-HASH.js 
@@ -971,7 +971,7 @@
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -980,17 +980,17 @@
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      href="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      href="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      src="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      src="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      href="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      href="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       as="script"
     />
     <link
@@ -63,7 +63,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      src="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       async=""
     ></script>
     <script
@@ -75,7 +75,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      src="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      href="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      href="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      src="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      src="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       async=""
     ></script>
     <script
Serverless Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 18.3s 18.4s ⚠️ +11ms
buildDurationCached 6.8s 6.8s ⚠️ +22ms
nodeModulesSize 46.6 MB 46.6 MB -1.2 kB
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Serverless bundles Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_error.js 1.39 MB 1.39 MB ⚠️ +2 B
404.html 2.76 kB 2.76 kB ✓
500.html 2.75 kB 2.75 kB ✓
amp.amp.html 10.8 kB 10.8 kB ✓
amp.html 1.96 kB 1.96 kB ✓
css.html 2.13 kB 2.13 kB ✓
hooks.html 2.01 kB 2.01 kB ✓
index.js 1.39 MB 1.39 MB ✓
link.js 1.45 MB 1.45 MB ✓
routerDirect.js 1.44 MB 1.44 MB ✓
withRouter.js 1.44 MB 1.44 MB ✓
Overall change 7.15 MB 7.15 MB ⚠️ +2 B
Webpack 4 Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 12.6s 12.7s ⚠️ +98ms
buildDurationCached 5.4s 5.1s -273ms
nodeModulesSize 46.6 MB 46.6 MB -1.2 kB
Page Load Tests Overall increase ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.617 2.584 -0.03
/ avg req/sec 955.33 967.39 +12.06
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.524 1.534 ⚠️ +0.01
/error-in-render avg req/sec 1639.95 1629.86 ⚠️ -10.09
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
677f882d2ed8..HASH.js gzip 13.4 kB 13.4 kB ✓
framework.HASH.js gzip 39 kB 39 kB ✓
main-HASH.js gzip 7.2 kB 7.2 kB ✓
webpack-HASH.js gzip 751 B 751 B ✓
Overall change 60.3 kB 60.3 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.3 kB 31.3 kB ✓
Overall change 31.3 kB 31.3 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.28 kB 1.28 kB ✓
_error-HASH.js gzip 3.71 kB 3.71 kB ✓
amp-HASH.js gzip 536 B 536 B ✓
css-HASH.js gzip 339 B 339 B ✓
hooks-HASH.js gzip 887 B 887 B ✓
index-HASH.js gzip 227 B 227 B ✓
link-HASH.js gzip 1.65 kB 1.65 kB ✓
routerDirect..HASH.js gzip 303 B 303 B ✓
withRouter-HASH.js gzip 302 B 302 B ✓
21c68fa65a48..217.css gzip 125 B 125 B ✓
Overall change 9.36 kB 9.36 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 419 B 419 B ✓
Overall change 419 B 419 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 612 B 612 B ✓
link.html gzip 620 B 621 B ⚠️ +1 B
withRouter.html gzip 605 B 605 B ✓
Overall change 1.84 kB 1.84 kB ⚠️ +1 B

Diffs

Diff for main-HASH.js 
@@ -971,7 +971,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -980,17 +980,17 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      href="/_next/static/chunks/main-239f05c22a6756919312.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      src="/_next/static/chunks/main-239f05c22a6756919312.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      href="/_next/static/chunks/main-239f05c22a6756919312.js"
       as="script"
     />
     <link
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      src="/_next/static/chunks/main-239f05c22a6756919312.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      href="/_next/static/chunks/main-239f05c22a6756919312.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      src="/_next/static/chunks/main-239f05c22a6756919312.js"
       async=""
     ></script>
     <script
Commit: a38b832

@ijjk
Copy link
Member

ijjk commented Apr 22, 2021

Stats from current PR

Default Server Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 13.8s 13.9s ⚠️ +143ms
buildDurationCached 4.5s 4.2s -311ms
nodeModulesSize 46.6 MB 46.6 MB -1.2 kB
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.397 2.321 -0.08
/ avg req/sec 1042.82 1077.21 +34.39
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.172 1.232 ⚠️ +0.06
/error-in-render avg req/sec 2132.37 2029.93 ⚠️ -102.44
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Rendered Page Sizes Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 609 B 609 B ✓
link.html gzip 615 B 614 B -1 B
withRouter.html gzip 605 B 604 B -1 B
Overall change 1.83 kB 1.83 kB -2 B

Diffs

Diff for 778-HASH.js 
@@ -971,7 +971,7 @@
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -980,17 +980,17 @@
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      href="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      href="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      src="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      src="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      href="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      href="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       as="script"
     />
     <link
@@ -63,7 +63,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      src="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       async=""
     ></script>
     <script
@@ -75,7 +75,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      src="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      href="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      href="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0a1b4b870eec9ff69aa0.js"
+      src="/_next/static/chunks/webpack-9eeea69236619716225e.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-beda66f5c7a66f66c0be.js"
+      src="/_next/static/chunks/778-0d491f2d71c7d0c61c2e.js"
       async=""
     ></script>
     <script
Serverless Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 16.8s 17s ⚠️ +205ms
buildDurationCached 6.5s 6.5s -3ms
nodeModulesSize 46.6 MB 46.6 MB -1.2 kB
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Serverless bundles Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_error.js 1.39 MB 1.39 MB ✓
404.html 2.76 kB 2.76 kB ✓
500.html 2.75 kB 2.75 kB ✓
amp.amp.html 10.8 kB 10.8 kB ✓
amp.html 1.96 kB 1.96 kB ✓
css.html 2.13 kB 2.13 kB ✓
hooks.html 2.01 kB 2.01 kB ✓
index.js 1.39 MB 1.39 MB ✓
link.js 1.45 MB 1.45 MB ✓
routerDirect.js 1.44 MB 1.44 MB -2 B
withRouter.js 1.44 MB 1.44 MB ✓
Overall change 7.15 MB 7.15 MB -2 B
Webpack 4 Mode (Increase detected ⚠️)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 11.8s 11.9s ⚠️ +65ms
buildDurationCached 4.9s 4.8s -41ms
nodeModulesSize 46.6 MB 46.6 MB -1.2 kB
Page Load Tests Overall increase ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.333 2.331 0
/ avg req/sec 1071.55 1072.35 +0.8
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.197 1.193 0
/error-in-render avg req/sec 2089.2 2096.12 +6.92
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
677f882d2ed8..HASH.js gzip 13.4 kB 13.4 kB ✓
framework.HASH.js gzip 39 kB 39 kB ✓
main-HASH.js gzip 7.2 kB 7.2 kB ✓
webpack-HASH.js gzip 751 B 751 B ✓
Overall change 60.3 kB 60.3 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.3 kB 31.3 kB ✓
Overall change 31.3 kB 31.3 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.28 kB 1.28 kB ✓
_error-HASH.js gzip 3.71 kB 3.71 kB ✓
amp-HASH.js gzip 536 B 536 B ✓
css-HASH.js gzip 339 B 339 B ✓
hooks-HASH.js gzip 887 B 887 B ✓
index-HASH.js gzip 227 B 227 B ✓
link-HASH.js gzip 1.65 kB 1.65 kB ✓
routerDirect..HASH.js gzip 303 B 303 B ✓
withRouter-HASH.js gzip 302 B 302 B ✓
21c68fa65a48..217.css gzip 125 B 125 B ✓
Overall change 9.36 kB 9.36 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 419 B 419 B ✓
Overall change 419 B 419 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 612 B 612 B ✓
link.html gzip 620 B 621 B ⚠️ +1 B
withRouter.html gzip 605 B 605 B ✓
Overall change 1.84 kB 1.84 kB ⚠️ +1 B

Diffs

Diff for main-HASH.js 
@@ -971,7 +971,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -980,17 +980,17 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      href="/_next/static/chunks/main-239f05c22a6756919312.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      src="/_next/static/chunks/main-239f05c22a6756919312.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      href="/_next/static/chunks/main-239f05c22a6756919312.js"
       as="script"
     />
     <link
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      src="/_next/static/chunks/main-239f05c22a6756919312.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      href="/_next/static/chunks/main-239f05c22a6756919312.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-dac0a020e0203da21562.js"
+      src="/_next/static/chunks/main-239f05c22a6756919312.js"
       async=""
     ></script>
     <script
Commit: 751c957

@ijjk
Copy link
Member

ijjk commented Apr 22, 2021

Stats from current PR

Default Server Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 14.9s 16s ⚠️ +1.1s
buildDurationCached 4.9s 4.8s -73ms
nodeModulesSize 46.6 MB 46.6 MB -1.2 kB
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.707 2.787 ⚠️ +0.08
/ avg req/sec 923.59 897.17 ⚠️ -26.42
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.541 1.608 ⚠️ +0.07
/error-in-render avg req/sec 1621.88 1554.48 ⚠️ -67.4
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 610 B 610 B ✓
link.html gzip 614 B 616 B ⚠️ +2 B
withRouter.html gzip 604 B 606 B ⚠️ +2 B
Overall change 1.83 kB 1.83 kB ⚠️ +4 B

Diffs

Diff for 778-HASH.js 
@@ -960,7 +960,7 @@
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -969,17 +969,17 @@
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      href="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      href="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      src="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      src="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      href="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      href="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       as="script"
     />
     <link
@@ -63,7 +63,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      src="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       async=""
     ></script>
     <script
@@ -75,7 +75,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      src="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      href="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      href="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      src="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      src="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       async=""
     ></script>
     <script
Serverless Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 19.3s 19.2s -163ms
buildDurationCached 7.3s 7.1s -274ms
nodeModulesSize 46.6 MB 46.6 MB -1.2 kB
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Serverless bundles
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_error.js 1.39 MB 1.39 MB ✓
404.html 2.76 kB 2.76 kB ✓
500.html 2.75 kB 2.75 kB ✓
amp.amp.html 10.8 kB 10.8 kB ✓
amp.html 1.96 kB 1.96 kB ✓
css.html 2.13 kB 2.13 kB ✓
hooks.html 2.01 kB 2.01 kB ✓
index.js 1.39 MB 1.39 MB ✓
link.js 1.45 MB 1.45 MB ✓
routerDirect.js 1.44 MB 1.44 MB ✓
withRouter.js 1.44 MB 1.44 MB ✓
Overall change 7.14 MB 7.14 MB ✓
Webpack 4 Mode (Decrease detected ✓)
General Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 13.2s 13.3s ⚠️ +59ms
buildDurationCached 5.4s 5.3s -61ms
nodeModulesSize 46.6 MB 46.6 MB -1.2 kB
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.621 2.691 ⚠️ +0.07
/ avg req/sec 953.9 929.12 ⚠️ -24.78
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.541 1.588 ⚠️ +0.05
/error-in-render avg req/sec 1622.6 1574.51 ⚠️ -48.09
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
677f882d2ed8..HASH.js gzip 13.4 kB 13.4 kB ✓
framework.HASH.js gzip 39 kB 39 kB ✓
main-HASH.js gzip 7.19 kB 7.19 kB ✓
webpack-HASH.js gzip 751 B 751 B ✓
Overall change 60.3 kB 60.3 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.3 kB 31.3 kB ✓
Overall change 31.3 kB 31.3 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.28 kB 1.28 kB ✓
_error-HASH.js gzip 3.71 kB 3.71 kB ✓
amp-HASH.js gzip 536 B 536 B ✓
css-HASH.js gzip 339 B 339 B ✓
hooks-HASH.js gzip 887 B 887 B ✓
index-HASH.js gzip 227 B 227 B ✓
link-HASH.js gzip 1.65 kB 1.65 kB ✓
routerDirect..HASH.js gzip 303 B 303 B ✓
withRouter-HASH.js gzip 302 B 302 B ✓
21c68fa65a48..217.css gzip 125 B 125 B ✓
Overall change 9.36 kB 9.36 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 419 B 419 B ✓
Overall change 419 B 419 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 612 B 613 B ⚠️ +1 B
link.html gzip 620 B 621 B ⚠️ +1 B
withRouter.html gzip 605 B 606 B ⚠️ +1 B
Overall change 1.84 kB 1.84 kB ⚠️ +3 B

Diffs

Diff for main-HASH.js 
@@ -960,7 +960,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -969,17 +969,17 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      href="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      src="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      href="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       as="script"
     />
     <link
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      src="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      href="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      src="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       async=""
     ></script>
     <script
Commit: fddbb8d

@ijjk
Copy link
Member

ijjk commented Apr 23, 2021

Stats from current PR

Default Server Mode (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 14.2s 14.3s ⚠️ +56ms
buildDurationCached 4.7s 4.4s -325ms
nodeModulesSize 46.6 MB 46.6 MB ⚠️ +359 B
Page Load Tests Overall increase ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.43 2.403 -0.03
/ avg req/sec 1028.71 1040.26 +11.55
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.287 1.226 -0.06
/error-in-render avg req/sec 1942.56 2039.72 +97.16
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 610 B 610 B ✓
link.html gzip 614 B 616 B ⚠️ +2 B
withRouter.html gzip 604 B 606 B ⚠️ +2 B
Overall change 1.83 kB 1.83 kB ⚠️ +4 B

Diffs

Diff for 778-HASH.js 
@@ -960,7 +960,7 @@
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -969,17 +969,17 @@
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      href="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      href="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      src="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      src="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      href="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      href="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       as="script"
     />
     <link
@@ -63,7 +63,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      src="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       async=""
     ></script>
     <script
@@ -75,7 +75,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      src="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      href="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      href="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      src="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      src="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       async=""
     ></script>
     <script
Serverless Mode
General Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 17.9s 17.8s -147ms
buildDurationCached 6.7s 6.8s ⚠️ +42ms
nodeModulesSize 46.6 MB 46.6 MB ⚠️ +359 B
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Serverless bundles
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_error.js 1.39 MB 1.39 MB ✓
404.html 2.76 kB 2.76 kB ✓
500.html 2.75 kB 2.75 kB ✓
amp.amp.html 10.8 kB 10.8 kB ✓
amp.html 1.96 kB 1.96 kB ✓
css.html 2.13 kB 2.13 kB ✓
hooks.html 2.01 kB 2.01 kB ✓
index.js 1.39 MB 1.39 MB ✓
link.js 1.45 MB 1.45 MB ✓
routerDirect.js 1.44 MB 1.44 MB -2 B
withRouter.js 1.44 MB 1.44 MB ⚠️ +2 B
Overall change 7.14 MB 7.14 MB ✓
Webpack 4 Mode
General Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 12.2s 12.2s -57ms
buildDurationCached 5.1s 5s -105ms
nodeModulesSize 46.6 MB 46.6 MB ⚠️ +359 B
Page Load Tests Overall increase ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.447 2.4 -0.05
/ avg req/sec 1021.7 1041.74 +20.04
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.261 1.271 ⚠️ +0.01
/error-in-render avg req/sec 1983.1 1967.47 ⚠️ -15.63
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
677f882d2ed8..HASH.js gzip 13.4 kB 13.4 kB ✓
framework.HASH.js gzip 39 kB 39 kB ✓
main-HASH.js gzip 7.19 kB 7.19 kB ✓
webpack-HASH.js gzip 751 B 751 B ✓
Overall change 60.3 kB 60.3 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.3 kB 31.3 kB ✓
Overall change 31.3 kB 31.3 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.28 kB 1.28 kB ✓
_error-HASH.js gzip 3.71 kB 3.71 kB ✓
amp-HASH.js gzip 536 B 536 B ✓
css-HASH.js gzip 339 B 339 B ✓
hooks-HASH.js gzip 887 B 887 B ✓
index-HASH.js gzip 227 B 227 B ✓
link-HASH.js gzip 1.65 kB 1.65 kB ✓
routerDirect..HASH.js gzip 303 B 303 B ✓
withRouter-HASH.js gzip 302 B 302 B ✓
21c68fa65a48..217.css gzip 125 B 125 B ✓
Overall change 9.36 kB 9.36 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 419 B 419 B ✓
Overall change 419 B 419 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 612 B 613 B ⚠️ +1 B
link.html gzip 620 B 621 B ⚠️ +1 B
withRouter.html gzip 605 B 606 B ⚠️ +1 B
Overall change 1.84 kB 1.84 kB ⚠️ +3 B

Diffs

Diff for main-HASH.js 
@@ -960,7 +960,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -969,17 +969,17 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      href="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      src="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      href="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       as="script"
     />
     <link
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      src="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      href="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      src="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       async=""
     ></script>
     <script
Commit: 590aae9

@ijjk
Copy link
Member

ijjk commented Apr 23, 2021

Stats from current PR

Default Server Mode (Decrease detected ✓)
General Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 14.1s 13.9s -212ms
buildDurationCached 4.6s 4.3s -330ms
nodeModulesSize 46.6 MB 46.6 MB ⚠️ +359 B
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.496 2.491 0
/ avg req/sec 1001.74 1003.68 +1.94
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.362 1.415 ⚠️ +0.05
/error-in-render avg req/sec 1834.88 1766.54 ⚠️ -68.34
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 610 B 610 B ✓
link.html gzip 614 B 616 B ⚠️ +2 B
withRouter.html gzip 604 B 606 B ⚠️ +2 B
Overall change 1.83 kB 1.83 kB ⚠️ +4 B

Diffs

Diff for 778-HASH.js 
@@ -960,7 +960,7 @@
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -969,17 +969,17 @@
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      href="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      href="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      src="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      src="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      href="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      href="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       as="script"
     />
     <link
@@ -63,7 +63,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      src="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       async=""
     ></script>
     <script
@@ -75,7 +75,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      src="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      href="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      href="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-51b463afee0fd49dda07.js"
+      src="/_next/static/chunks/webpack-c43b72e05a0b299296ba.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-50ebd4b37c2baf22a527.js"
+      src="/_next/static/chunks/778-e906f22238b65cbecb08.js"
       async=""
     ></script>
     <script
Serverless Mode
General Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 16.5s 16.5s -20ms
buildDurationCached 6.1s 6.1s ⚠️ +23ms
nodeModulesSize 46.6 MB 46.6 MB ⚠️ +359 B
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Serverless bundles
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_error.js 1.39 MB 1.39 MB ✓
404.html 2.76 kB 2.76 kB ✓
500.html 2.75 kB 2.75 kB ✓
amp.amp.html 10.8 kB 10.8 kB ✓
amp.html 1.96 kB 1.96 kB ✓
css.html 2.13 kB 2.13 kB ✓
hooks.html 2.01 kB 2.01 kB ✓
index.js 1.39 MB 1.39 MB ✓
link.js 1.45 MB 1.45 MB ✓
routerDirect.js 1.44 MB 1.44 MB ✓
withRouter.js 1.44 MB 1.44 MB ✓
Overall change 7.14 MB 7.14 MB ✓
Webpack 4 Mode (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 11.3s 11s -297ms
buildDurationCached 4.9s 5.2s ⚠️ +294ms
nodeModulesSize 46.6 MB 46.6 MB ⚠️ +359 B
Page Load Tests Overall increase ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.389 2.393 0
/ avg req/sec 1046.49 1044.69 ⚠️ -1.8
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.449 1.402 -0.05
/error-in-render avg req/sec 1725 1782.74 +57.74
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
677f882d2ed8..HASH.js gzip 13.4 kB 13.4 kB ✓
framework.HASH.js gzip 39 kB 39 kB ✓
main-HASH.js gzip 7.19 kB 7.19 kB ✓
webpack-HASH.js gzip 751 B 751 B ✓
Overall change 60.3 kB 60.3 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.3 kB 31.3 kB ✓
Overall change 31.3 kB 31.3 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.28 kB 1.28 kB ✓
_error-HASH.js gzip 3.71 kB 3.71 kB ✓
amp-HASH.js gzip 536 B 536 B ✓
css-HASH.js gzip 339 B 339 B ✓
hooks-HASH.js gzip 887 B 887 B ✓
index-HASH.js gzip 227 B 227 B ✓
link-HASH.js gzip 1.65 kB 1.65 kB ✓
routerDirect..HASH.js gzip 303 B 303 B ✓
withRouter-HASH.js gzip 302 B 302 B ✓
21c68fa65a48..217.css gzip 125 B 125 B ✓
Overall change 9.36 kB 9.36 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 419 B 419 B ✓
Overall change 419 B 419 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 612 B 613 B ⚠️ +1 B
link.html gzip 620 B 621 B ⚠️ +1 B
withRouter.html gzip 605 B 606 B ⚠️ +1 B
Overall change 1.84 kB 1.84 kB ⚠️ +3 B

Diffs

Diff for main-HASH.js 
@@ -960,7 +960,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -969,17 +969,17 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      href="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      src="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      href="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       as="script"
     />
     <link
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      src="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      href="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-fb9d661ad5d84eba2d12.js"
+      src="/_next/static/chunks/main-ecb499bf553846a7c16c.js"
       async=""
     ></script>
     <script
Commit: 072a952

@ijjk
Copy link
Member

ijjk commented Apr 23, 2021

Stats from current PR

Default Server Mode (Decrease detected ✓)
General Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 14s 14.3s ⚠️ +295ms
buildDurationCached 4.8s 4.3s -449ms
nodeModulesSize 46.6 MB 46.6 MB ⚠️ +359 B
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.54 2.427 -0.11
/ avg req/sec 984.28 1029.87 +45.59
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.442 1.508 ⚠️ +0.07
/error-in-render avg req/sec 1733.94 1657.87 ⚠️ -76.07
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Rendered Page Sizes Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 611 B 608 B -3 B
link.html gzip 616 B 615 B -1 B
withRouter.html gzip 606 B 605 B -1 B
Overall change 1.83 kB 1.83 kB -5 B

Diffs

Diff for 778-HASH.js 
@@ -960,7 +960,7 @@
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -969,17 +969,17 @@
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-3081309b0e8ee6970951.js"
+      href="/_next/static/chunks/webpack-6fd2c2da65cda01d840f.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-071d2b3ce8d29659758d.js"
+      href="/_next/static/chunks/778-3cde91ed866379d39004.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-3081309b0e8ee6970951.js"
+      src="/_next/static/chunks/webpack-6fd2c2da65cda01d840f.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-071d2b3ce8d29659758d.js"
+      src="/_next/static/chunks/778-3cde91ed866379d39004.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-3081309b0e8ee6970951.js"
+      href="/_next/static/chunks/webpack-6fd2c2da65cda01d840f.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-071d2b3ce8d29659758d.js"
+      href="/_next/static/chunks/778-3cde91ed866379d39004.js"
       as="script"
     />
     <link
@@ -63,7 +63,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-3081309b0e8ee6970951.js"
+      src="/_next/static/chunks/webpack-6fd2c2da65cda01d840f.js"
       async=""
     ></script>
     <script
@@ -75,7 +75,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-071d2b3ce8d29659758d.js"
+      src="/_next/static/chunks/778-3cde91ed866379d39004.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -7,7 +7,7 @@
     <noscript data-n-css=""></noscript>
     <link
       rel="preload"
-      href="/_next/static/chunks/webpack-3081309b0e8ee6970951.js"
+      href="/_next/static/chunks/webpack-6fd2c2da65cda01d840f.js"
       as="script"
     />
     <link
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/778-071d2b3ce8d29659758d.js"
+      href="/_next/static/chunks/778-3cde91ed866379d39004.js"
       as="script"
     />
     <link
@@ -58,7 +58,7 @@
       src="/_next/static/chunks/polyfills-8683bd742a84c1edd48c.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-3081309b0e8ee6970951.js"
+      src="/_next/static/chunks/webpack-6fd2c2da65cda01d840f.js"
       async=""
     ></script>
     <script
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/778-071d2b3ce8d29659758d.js"
+      src="/_next/static/chunks/778-3cde91ed866379d39004.js"
       async=""
     ></script>
     <script
Serverless Mode (Decrease detected ✓)
General Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 17.7s 17.7s ⚠️ +5ms
buildDurationCached 6.4s 6.4s ⚠️ +4ms
nodeModulesSize 46.6 MB 46.6 MB ⚠️ +359 B
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
597-HASH.js gzip 13.3 kB 13.3 kB ✓
778-HASH.js gzip 7.12 kB 7.12 kB ✓
framework-HASH.js gzip 39.3 kB 39.3 kB ✓
main-HASH.js gzip 151 B 151 B ✓
webpack-HASH.js gzip 993 B 993 B ✓
Overall change 60.8 kB 60.8 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.1 kB 31.1 kB ✓
Overall change 31.1 kB 31.1 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.3 kB 1.3 kB ✓
_error-HASH.js gzip 3.68 kB 3.68 kB ✓
amp-HASH.js gzip 558 B 558 B ✓
css-HASH.js gzip 363 B 363 B ✓
hooks-HASH.js gzip 924 B 924 B ✓
index-HASH.js gzip 243 B 243 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ✓
routerDirect..HASH.js gzip 336 B 336 B ✓
withRouter-HASH.js gzip 334 B 334 B ✓
99a142a5cfae..804.css gzip 125 B 125 B ✓
Overall change 9.52 kB 9.52 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 390 B 390 B ✓
Overall change 390 B 390 B ✓
Serverless bundles Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_error.js 1.39 MB 1.39 MB ✓
404.html 2.76 kB 2.76 kB ✓
500.html 2.75 kB 2.75 kB ✓
amp.amp.html 10.8 kB 10.8 kB ✓
amp.html 1.96 kB 1.96 kB ✓
css.html 2.13 kB 2.13 kB ✓
hooks.html 2.01 kB 2.01 kB ✓
index.js 1.39 MB 1.39 MB -2 B
link.js 1.45 MB 1.45 MB ✓
routerDirect.js 1.44 MB 1.44 MB ✓
withRouter.js 1.44 MB 1.44 MB ✓
Overall change 7.14 MB 7.14 MB -2 B
Webpack 4 Mode (Decrease detected ✓)
General Overall increase ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
buildDuration 12.1s 11.8s -320ms
buildDurationCached 4.9s 4.9s -19ms
nodeModulesSize 46.6 MB 46.6 MB ⚠️ +359 B
Page Load Tests Overall decrease ⚠️
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.438 2.442 0
/ avg req/sec 1025.54 1023.77 ⚠️ -1.77
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.453 1.554 ⚠️ +0.1
/error-in-render avg req/sec 1721.03 1608.52 ⚠️ -112.51
Client Bundles (main, webpack, commons)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
677f882d2ed8..HASH.js gzip 13.4 kB 13.4 kB ✓
framework.HASH.js gzip 39 kB 39 kB ✓
main-HASH.js gzip 7.19 kB 7.19 kB ✓
webpack-HASH.js gzip 751 B 751 B ✓
Overall change 60.3 kB 60.3 kB ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
polyfills-HASH.js gzip 31.3 kB 31.3 kB ✓
Overall change 31.3 kB 31.3 kB ✓
Client Pages
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_app-HASH.js gzip 1.28 kB 1.28 kB ✓
_error-HASH.js gzip 3.71 kB 3.71 kB ✓
amp-HASH.js gzip 536 B 536 B ✓
css-HASH.js gzip 339 B 339 B ✓
hooks-HASH.js gzip 887 B 887 B ✓
index-HASH.js gzip 227 B 227 B ✓
link-HASH.js gzip 1.65 kB 1.65 kB ✓
routerDirect..HASH.js gzip 303 B 303 B ✓
withRouter-HASH.js gzip 302 B 302 B ✓
21c68fa65a48..217.css gzip 125 B 125 B ✓
Overall change 9.36 kB 9.36 kB ✓
Client Build Manifests
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
_buildManifest.js gzip 419 B 419 B ✓
Overall change 419 B 419 B ✓
Rendered Page Sizes Overall decrease ✓
vercel/next.js canary azukaru/next.js remove-react-modes-config Change
index.html gzip 612 B 612 B ✓
link.html gzip 621 B 619 B -2 B
withRouter.html gzip 606 B 604 B -2 B
Overall change 1.84 kB 1.83 kB -4 B

Diffs

Diff for main-HASH.js 
@@ -960,7 +960,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       var reactRoot = null;
-      var shouldUseHydrate = typeof _reactDom["default"].hydrate === "function";
+      var shouldHydrate = typeof _reactDom["default"].hydrate === "function";
 
       function renderReactElement(domEl, fn) {
         // mark start of hydrate/render
@@ -969,17 +969,17 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         }
 
         var reactEl = fn(
-          shouldUseHydrate ? markHydrateComplete : markRenderComplete
+          shouldHydrate ? markHydrateComplete : markRenderComplete
         );
 
         if (false) {
-          var opts;
+          var createRootName;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
-          if (shouldUseHydrate) {
+          if (shouldHydrate) {
             _reactDom["default"].hydrate(reactEl, domEl);
 
-            shouldUseHydrate = false;
+            shouldHydrate = false;
           } else {
             _reactDom["default"].render(reactEl, domEl);
           }
Diff for index.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-4c0939206aa1aab14f8c.js"
+      href="/_next/static/chunks/main-4e09681f23f262a3bee4.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-4c0939206aa1aab14f8c.js"
+      src="/_next/static/chunks/main-4e09681f23f262a3bee4.js"
       async=""
     ></script>
     <script
Diff for link.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-4c0939206aa1aab14f8c.js"
+      href="/_next/static/chunks/main-4e09681f23f262a3bee4.js"
       as="script"
     />
     <link
@@ -70,7 +70,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-4c0939206aa1aab14f8c.js"
+      src="/_next/static/chunks/main-4e09681f23f262a3bee4.js"
       async=""
     ></script>
     <script
Diff for withRouter.html 
@@ -22,7 +22,7 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-4c0939206aa1aab14f8c.js"
+      href="/_next/static/chunks/main-4e09681f23f262a3bee4.js"
       as="script"
     />
     <link
@@ -65,7 +65,7 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-4c0939206aa1aab14f8c.js"
+      src="/_next/static/chunks/main-4e09681f23f262a3bee4.js"
       async=""
     ></script>
     <script
Commit: b93e9f0

This was referenced Apr 28, 2021
Open
Open
Open
Open
Open
Merged
Open
Open
Merged
Merged
Open
Open
Open
Open
Open
Open
Open
Open
Open
Open
Open
Open
Open
Open
Merged
Open
Open
Open
Open
@vercel vercel locked as resolved and limited conversation to collaborators Jan 28, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Reviewers

@ijjk ijjk ijjk approved these changes

@divmain divmain Awaiting requested review from divmain

@lfades lfades Awaiting requested review from lfades

@shuding shuding Awaiting requested review from shuding

@timneutkens timneutkens Awaiting requested review from timneutkens

Assignees
No one assigned
Labels
type: next
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

None yet
4 participants
@devknoll @ijjk @ivan-kleshnin @timneutkens