Speed up initial page render #23196

gwer · 2021-03-18T15:25:55Z

Should fix #23187

First render of each page has large TTFB. It can be seen in any example (e.g. api-routes-apollo-server-and-client-auth-app).
$ yarn create next-app --example api-routes-apollo-server-and-client-auth
$ yarn build
$ NODE_ENV=production yarn start
First request of localhost:3000/about has TTFB about 1–1.5s. All subsequent requests will have TTFB about 20ms. This is also reproducible if using a simple custom server.

This overhead is due to the fact that dependencies are imported on demand when the user requests a page (

next.js/packages/next/next-server/server/next-server.ts

Lines 1276 to 1280 in 27555c8

const components = await loadComponents(

this.distDir,

pagePath!,

!this.renderOpts.dev && this._isLikeServerless

)

).

In real complex applications this overhead can increase TTFB to tens of seconds.

The second time the page loads faster, since the modules are cached (in ssr-module-cache.js).

Module import is reading the file and interpreting the code. These are two very slow operations, especially if there is a lot of code.

Let's imagine an application with two pages: page1 and page2. It will compiled into the next 4 modules: _app, _document, page1, page2. Using this application can be summarized as the following table.

Cache Action Missing dependencies Speed

[] Server start [] fast

[] Request page1 [_app, _document, page1] slow

[_app, _document, page1] Request page1 [] fast

[_app, _document, page1] Request page2 [page2] medium

[_app, _document, page1, page2] Request page2 [] fast

You can see freeze even if page is statically optimized (because _app and _document are imported even in the case of static optimization).

I think some issues and duscussions about performance (e.g. #12447) is about this overhead.

But! I have a workaround. It looks like warming up the cache.
const path = require("path");
const serverPath = path.join(__dirname, "./.next/server");

module.exports = () => {
  try {
    const pagesManifest = require(path.join(serverPath, "pages-manifest.json"));

    Object.values(pagesManifest).forEach((dep) => {
      if (path.extname(dep) !== ".js") {
        return;
      }

      console.log("preimport ", dep);
      require(path.join(serverPath, dep));
    });
  } catch (e) {}
};
Full example:

https://github.com/gwer/next-js-initial-freeze-workaround

https://github.com/gwer/next-js-initial-freeze-workaround/blob/master/pages-preimport.js

If you run this function before starting the custom server, it will save you from overhead.

Cache Action Missing dependencies Speed

[] Server start [_app, _document, page1, page2] slow

[_app, _document, page1, page2] Request page1 [] fast

[_app, _document, page1, page2] Request page1 [] fast

[_app, _document, page1, page2] Request page2 [] fast

[_app, _document, page1, page2] Request page2 [] fast

This approach has two minor drawbacks:

Server starts slower.

Memory consumption grows faster. But the peak memory consumption is the same as without using the workaround.

ijjk · 2021-03-18T15:32:47Z

Failing test suites

Commit: 658eb91

test/integration/app-document-import-order/test/index.test.js

Root components import order > root components should be imported in this order _document > _app > page in order to respect side effects

Expand output

● Root components import order › root components should be imported in this order _document > _app > page in order to respect side effects

expect(received).toEqual(expected) // deep equality

Expected: "_document"
Received: "_app"

  44 |
  45 |     Array.from(sideEffectCalls).forEach((sideEffectCall, index) => {
> 46 |       expect($(sideEffectCall).text()).toEqual(expectSideEffectsOrder[index])
     |                                        ^
  47 |     })
  48 |   }
  49 |

  at forEach (integration/app-document-import-order/test/index.test.js:46:40)
      at Array.forEach (<anonymous>)
  at Object.respectsSideEffects (integration/app-document-import-order/test/index.test.js:45:33)

test/integration/serverless/test/index.test.js

Serverless > should render the page
Serverless > should add autoExport for auto pre-rendered pages
Serverless > should not add autoExport for non pre-rendered pages
Serverless > should serve file from public folder
Serverless > should not infinity loop on a 404 static file
Serverless > should render the page with dynamic import
Serverless > should render the page with same dynamic import
Serverless > should render 404
Serverless > should render 404 for /_next/static
Serverless > should render an AMP page
Serverless > should have correct amphtml rel link
Serverless > should have correct canonical link
Serverless > should have correct canonical link (auto-export link)
Serverless > should render correctly when importing isomorphic-unfetch
Serverless > should render correctly when importing isomorphic-unfetch on the client side
Serverless > should render correctly when importing isomorphic-unfetch CJS
Serverless > should render correctly when importing isomorphic-unfetch CJS on the client side
Serverless > should reply on API request successfully
Serverless > should reply on dynamic API request successfully
Serverless > should reply on dynamic API request successfully with query parameters
Serverless > should reply on dynamic API index request successfully
Serverless > should reply on dynamic API index request successfully with query parameters
Serverless > should reply with redirect on API request with trailing slash
Serverless > should reply on API request with trailing slash successfully
Serverless > should have the correct query string for a dynamic route
Serverless > should have the correct query string for a now route
Serverless > should have the correct query string for a now route with invalid matches but correct path
Serverless > should have the correct query string for a catch all now route
Serverless > should log error in API route correctly
Serverless > With basic usage > should allow etag header support
Serverless > With basic usage > should set Content-Length header

Expand output

● Serverless › should render the page

FetchError: request to http://localhost:39695/ failed, reason: socket hang up

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should add autoExport for auto pre-rendered pages

FetchError: request to http://localhost:39695/ failed, reason: read ECONNRESET

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should not add autoExport for non pre-rendered pages

FetchError: request to http://localhost:39695/fetch failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should serve file from public folder

FetchError: request to http://localhost:39695/hello.txt failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should not infinity loop on a 404 static file

FetchError: request to http://localhost:39695/static/404 failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should not infinity loop on a 404 static file

expect.assertions(2)

Expected two assertions to be called but received one assertion call.

  72 |
  73 |   it('should not infinity loop on a 404 static file', async () => {
> 74 |     expect.assertions(2)
     |            ^
  75 |
  76 |     // ensure top-level static does not exist (important for test)
  77 |     // we expect /public/static, though.

  at Object.<anonymous> (integration/serverless/test/index.test.js:74:12)

● Serverless › should render the page with dynamic import

FetchError: request to http://localhost:39695/dynamic failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should render the page with same dynamic import

FetchError: request to http://localhost:39695/dynamic-two failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should render 404

FetchError: request to http://localhost:39695/404 failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should render 404 for /_next/static

FetchError: request to http://localhost:39695/_next/static failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should render an AMP page

FetchError: request to http://localhost:39695/some-amp?amp=1 failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should have correct amphtml rel link

FetchError: request to http://localhost:39695/some-amp failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should have correct canonical link

FetchError: request to http://localhost:39695/some-amp?amp=1 failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should have correct canonical link (auto-export link)

FetchError: request to http://localhost:39695/some-amp.amp failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should render correctly when importing isomorphic-unfetch

FetchError: request to http://localhost:39695/fetch failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should render correctly when importing isomorphic-unfetch on the client side

WebDriverError: unknown error: net::ERR_CONNECTION_REFUSED
  (Session info: headless chrome=89.0.4389.90)

  177 |   console.log(`\n> Loading browser with ${url}\n`)
  178 |
> 179 |   await browser.get(url)
      |   ^
  180 |   console.log(`\n> Loaded browser with ${url}\n`)
  181 |
  182 |   // Wait for application to hydrate

  at Object.throwDecodedError (../node_modules/selenium-webdriver/lib/error.js:550:15)
  at parseHttpResponse (../node_modules/selenium-webdriver/lib/http.js:565:13)
  at Executor.execute (../node_modules/selenium-webdriver/lib/http.js:491:26)
  at thenableWebDriverProxy.execute (../node_modules/selenium-webdriver/lib/webdriver.js:700:17)
  at _default (lib/next-webdriver.js:179:3)
  at Object.<anonymous> (integration/serverless/test/index.test.js:135:21)

● Serverless › should render correctly when importing isomorphic-unfetch CJS

FetchError: request to http://localhost:39695/fetch-cjs failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should render correctly when importing isomorphic-unfetch CJS on the client side

WebDriverError: unknown error: net::ERR_CONNECTION_REFUSED
  (Session info: headless chrome=89.0.4389.90)

  177 |   console.log(`\n> Loading browser with ${url}\n`)
  178 |
> 179 |   await browser.get(url)
      |   ^
  180 |   console.log(`\n> Loaded browser with ${url}\n`)
  181 |
  182 |   // Wait for application to hydrate

  at Object.throwDecodedError (../node_modules/selenium-webdriver/lib/error.js:550:15)
  at parseHttpResponse (../node_modules/selenium-webdriver/lib/http.js:565:13)
  at Executor.execute (../node_modules/selenium-webdriver/lib/http.js:491:26)
  at thenableWebDriverProxy.execute (../node_modules/selenium-webdriver/lib/webdriver.js:700:17)
  at _default (lib/next-webdriver.js:179:3)
  at Object.<anonymous> (integration/serverless/test/index.test.js:159:21)

● Serverless › should reply on API request successfully

FetchError: request to http://localhost:39695/api/hello failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should reply on dynamic API request successfully

FetchError: request to http://localhost:39695/api/posts/post-1 failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should reply on dynamic API request successfully with query parameters

FetchError: request to http://localhost:39695/api/posts/post-1?param=val failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should reply on dynamic API index request successfully

FetchError: request to http://localhost:39695/api/dynamic/post-1 failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should reply on dynamic API index request successfully with query parameters

FetchError: request to http://localhost:39695/api/dynamic/post-1?param=val failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should reply with redirect on API request with trailing slash

FetchError: request to http://localhost:39695/api/hello/? failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should reply on API request with trailing slash successfully

FetchError: request to http://localhost:39695/api/hello/ failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should have the correct query string for a dynamic route

FetchError: request to http://localhost:39695/dr/test%20%25%20123 failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should have the correct query string for a now route

FetchError: request to http://localhost:39695/dr/[slug] failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should have the correct query string for a now route with invalid matches but correct path

FetchError: request to http://localhost:39695/dr/first failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should have the correct query string for a catch all now route

FetchError: request to http://localhost:39695/catchall/[...slug] failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › should log error in API route correctly

FetchError: request to http://localhost:39695/api/top-level-error failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › With basic usage › should allow etag header support

FetchError: request to http://localhost:39695/ failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Serverless › With basic usage › should set Content-Length header

FetchError: request to http://localhost:39695/ failed, reason: connect ECONNREFUSED 127.0.0.1:39695

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

ijjk · 2021-03-18T15:37:49Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	13s	12.7s	-349ms
nodeModulesSize	43.6 MB	43.6 MB	⚠️ +789 B

Page Load Tests Overall increase ✓

	vercel/next.js canary	gwer/next.js pages_preimport	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.346	2.345	0
/ avg req/sec	1065.66	1066.25	+0.59
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.606	1.562	-0.04
/error-in-render avg req/sec	1556.27	1601.01	+44.74

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
677f882d2ed8..a2e7.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.14 kB	7.14 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	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-fde3324..9dd1.js gzip	1.28 kB	1.28 kB	✓
_error-af59f..582f.js gzip	3.46 kB	3.46 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-e6cee42..49eb.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.64 kB	8.64 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	346 B	346 B	✓
Overall change	346 B	346 B	✓

Rendered Page Sizes

	vercel/next.js canary	gwer/next.js pages_preimport	Change
index.html gzip	612 B	612 B	✓
link.html gzip	621 B	621 B	✓
withRouter.html gzip	607 B	607 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	14.5s	14.8s	⚠️ +225ms
nodeModulesSize	43.6 MB	43.6 MB	⚠️ +789 B

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
677f882d2ed8..a2e7.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.14 kB	7.14 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	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-fde3324..9dd1.js gzip	1.28 kB	1.28 kB	✓
_error-af59f..582f.js gzip	3.46 kB	3.46 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-e6cee42..49eb.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.64 kB	8.64 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	346 B	346 B	✓
Overall change	346 B	346 B	✓

Serverless bundles

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_error.js	1.02 MB	1.02 MB	✓
404.html	2.67 kB	2.67 kB	✓
500.html	2.65 kB	2.65 kB	✓
amp.amp.html	10.6 kB	10.6 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.02 MB	1.02 MB	✓
link.js	1.08 MB	1.08 MB	✓
routerDirect.js	1.07 MB	1.07 MB	✓
withRouter.js	1.07 MB	1.07 MB	✓
Overall change	5.27 MB	5.27 MB	✓

Webpack 5 Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	15.4s	15.8s	⚠️ +328ms
nodeModulesSize	43.6 MB	43.6 MB	⚠️ +789 B

Page Load Tests Overall increase ✓

	vercel/next.js canary	gwer/next.js pages_preimport	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.38	2.314	-0.07
/ avg req/sec	1050.41	1080.34	+29.93
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.647	1.6	-0.05
/error-in-render avg req/sec	1517.92	1562.23	+44.31

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
597-12fee761..569d.js gzip	13.3 kB	13.3 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	7.1 kB	7.1 kB	✓
webpack-HASH.js gzip	993 B	993 B	✓
Overall change	60.7 kB	60.7 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-d0eb668..79ef.js gzip	1.28 kB	1.28 kB	✓
_error-d12ff..6063.js gzip	3.4 kB	3.4 kB	✓
amp-127483e4..9cd8.js gzip	560 B	560 B	✓
hooks-75994b..62d3.js gzip	924 B	924 B	✓
index-ac1ee6..819e.js gzip	243 B	243 B	✓
link-1cd4709..71e5.js gzip	1.65 kB	1.65 kB	✓
routerDirect..4d90.js gzip	333 B	333 B	✓
withRouter-0..60b0.js gzip	329 B	329 B	✓
Overall change	8.72 kB	8.72 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	324 B	324 B	✓
Overall change	324 B	324 B	✓

Rendered Page Sizes

	vercel/next.js canary	gwer/next.js pages_preimport	Change
index.html gzip	588 B	588 B	✓
link.html gzip	595 B	595 B	✓
withRouter.html gzip	581 B	581 B	✓
Overall change	1.76 kB	1.76 kB	✓

Diffs

Diff for index.html

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

Diff for link.html

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

Diff for withRouter.html

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

Commit: 658eb91

ijjk · 2021-03-18T15:57:07Z

Failing test suites

Commit: fe5acd6

test/integration/404-page-custom-error/test/index.test.js

Default 404 Page with custom _error > serverless mode > should respond to 404 correctly
Default 404 Page with custom _error > serverless mode > should render error correctly
Default 404 Page with custom _error > serverless mode > should render index page normal

Expand output

● Default 404 Page with custom _error › serverless mode › should respond to 404 correctly

FetchError: request to http://localhost:36247/404 failed, reason: socket hang up

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Default 404 Page with custom _error › serverless mode › should render error correctly

FetchError: request to http://localhost:36247/err failed, reason: read ECONNRESET

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Default 404 Page with custom _error › serverless mode › should render index page normal

FetchError: request to http://localhost:36247/ failed, reason: connect ECONNREFUSED 127.0.0.1:36247

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

test/integration/404-page-ssg/test/index.test.js

404 Page Support SSG > serverless mode > should respond to 404 correctly
404 Page Support SSG > serverless mode > should render error correctly
404 Page Support SSG > serverless mode > should not show an error in the logs for 404 SSG
404 Page Support SSG > serverless mode > should render index page normal
404 Page Support SSG > serverless mode > should not revalidate custom 404 page

Expand output

● 404 Page Support SSG › serverless mode › should respond to 404 correctly

FetchError: request to http://localhost:36877/404 failed, reason: socket hang up

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● 404 Page Support SSG › serverless mode › should render error correctly

FetchError: request to http://localhost:36877/err failed, reason: read ECONNRESET

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● 404 Page Support SSG › serverless mode › should not show an error in the logs for 404 SSG

FetchError: request to http://localhost:36877/non-existent failed, reason: connect ECONNREFUSED 127.0.0.1:36877

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● 404 Page Support SSG › serverless mode › should render index page normal

FetchError: request to http://localhost:36877/ failed, reason: connect ECONNREFUSED 127.0.0.1:36877

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● 404 Page Support SSG › serverless mode › should not revalidate custom 404 page

FetchError: request to http://localhost:36877/non-existent failed, reason: connect ECONNREFUSED 127.0.0.1:36877

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

test/integration/amphtml-ssg/test/index.test.js

AMP SSG Support > serverless mode > should load an amp first page correctly
AMP SSG Support > serverless mode > should load a hybrid amp page without query correctly
AMP SSG Support > serverless mode > should load dynamic hybrid SSG/AMP page
AMP SSG Support > serverless mode > should load dynamic hybrid SSG/AMP page with trailing slash
AMP SSG Support > serverless mode > should load dynamic hybrid SSG/AMP page with query
AMP SSG Support > serverless mode > should load a hybrid amp page with query correctly

Expand output

● AMP SSG Support › serverless mode › should load an amp first page correctly

FetchError: request to http://localhost:44039/amp failed, reason: socket hang up

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● AMP SSG Support › serverless mode › should load a hybrid amp page without query correctly

FetchError: request to http://localhost:44039/hybrid failed, reason: connect ECONNREFUSED 127.0.0.1:44039

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● AMP SSG Support › serverless mode › should load dynamic hybrid SSG/AMP page

FetchError: request to http://localhost:44039/blog/post-1 failed, reason: connect ECONNREFUSED 127.0.0.1:44039

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● AMP SSG Support › serverless mode › should load dynamic hybrid SSG/AMP page with trailing slash

FetchError: request to http://localhost:44039/blog/post-1/ failed, reason: connect ECONNREFUSED 127.0.0.1:44039

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● AMP SSG Support › serverless mode › should load dynamic hybrid SSG/AMP page with query

FetchError: request to http://localhost:44039/blog/post-1?amp=1 failed, reason: connect ECONNREFUSED 127.0.0.1:44039

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● AMP SSG Support › serverless mode › should load a hybrid amp page with query correctly

FetchError: request to http://localhost:44039/hybrid?amp=1 failed, reason: connect ECONNREFUSED 127.0.0.1:44039

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

test/integration/bigint/test/index.test.js

bigint API route support > serverless mode > should return 200
bigint API route support > serverless mode > should return the BigInt result text

Expand output

● bigint API route support › serverless mode › should return 200

FetchError: request to http://localhost:40283/api/bigint failed, reason: socket hang up

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● bigint API route support › serverless mode › should return the BigInt result text

FetchError: request to http://localhost:40283/api/bigint failed, reason: connect ECONNREFUSED 127.0.0.1:40283

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

test/integration/api-support/test/index.test.js

API routes > Serverless support > should render page
API routes > Serverless support > should return 404 for undefined path
API routes > Serverless support > should not conflict with /api routes
API routes > Serverless support > should set cors headers when adding cors middleware
API routes > Serverless support > should work with index api
API routes > Serverless support > should return custom error
API routes > Serverless support > should throw Internal Server Error
API routes > Serverless support > should throw Internal Server Error (async)
API routes > Serverless support > should parse JSON body
API routes > Serverless support > should special-case empty JSON body
API routes > Serverless support > should support boolean for JSON in api page
API routes > Serverless support > should support undefined response body
API routes > Serverless support > should return error with invalid JSON
API routes > Serverless support > should return error exceeded body limit
API routes > Serverless support > should parse bigger body then 1mb
API routes > Serverless support > should support etag spec
API routes > Serverless support > should parse urlencoded body
API routes > Serverless support > should parse body in handler
API routes > Serverless support > should parse body with config
API routes > Serverless support > should show friendly error for invalid redirect
API routes > Serverless support > should show friendly error in case of passing null as first argument redirect
API routes > Serverless support > should redirect with status code 307
API routes > Serverless support > should redirect to login
API routes > Serverless support > should redirect with status code 301
API routes > Serverless support > should return empty query object
API routes > Serverless support > should parse query correctly
API routes > Serverless support > should return empty cookies object
API routes > Serverless support > should return cookies object
API routes > Serverless support > should return 200 on POST on pages
API routes > Serverless support > should return JSON on post on API
API routes > Serverless support > should return data on dynamic route
API routes > Serverless support > should work with dynamic params and search string
API routes > Serverless support > should work with dynamic params and search string like lambda
API routes > Serverless support > should prioritize a non-dynamic page
API routes > Serverless support > should return data on dynamic nested route
API routes > Serverless support > should 404 on optional dynamic api page
API routes > Serverless support > should return data on dynamic optional nested route
API routes > Serverless support > should work with child_process correctly
API routes > Serverless support > should build api routes

Expand output

● API routes › Serverless support › should render page

FetchError: request to http://localhost:36349/ failed, reason: socket hang up

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return 404 for undefined path

FetchError: request to http://localhost:36349/api/not/unexisting/page/really failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should not conflict with /api routes

FetchError: request to http://localhost:36349/api-conflict failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should set cors headers when adding cors middleware

FetchError: request to http://localhost:36349/api/cors failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should work with index api

FetchError: request to http://localhost:36349/api failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return custom error

FetchError: request to http://localhost:36349/api/error failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should throw Internal Server Error

FetchError: request to http://localhost:36349/api/user-error failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should throw Internal Server Error (async)

FetchError: request to http://localhost:36349/api/user-error-async failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should parse JSON body

FetchError: request to http://localhost:36349/api/parse failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should special-case empty JSON body

FetchError: request to http://localhost:36349/api/parse failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should support boolean for JSON in api page

FetchError: request to http://localhost:36349/api/bool failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should support undefined response body

FetchError: request to http://localhost:36349/api/undefined failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return error with invalid JSON

FetchError: request to http://localhost:36349/api/parse failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return error exceeded body limit

expect(received).toBe(expected) // Object.is equality

Expected: "EPIPE"
Received: "ECONNREFUSED"

  163 |       // TODO: investigate re-enabling this after above issue has been
  164 |       // addressed in node or `node-fetch`
> 165 |       expect(error.code).toBe('EPIPE')
      |                          ^
  166 |     } else {
  167 |       expect(res.status).toEqual(413)
  168 |       expect(res.statusText).toEqual('Body exceeded 1mb limit')

  at Object.<anonymous> (integration/api-support/test/index.test.js:165:26)

● API routes › Serverless support › should parse bigger body then 1mb

FetchError: request to http://localhost:36349/api/big-parse failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should support etag spec

FetchError: request to http://localhost:36349/api/blog failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should parse urlencoded body

FetchError: request to http://localhost:36349/api/parse failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should parse body in handler

FetchError: request to http://localhost:36349/api/no-parsing failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should parse body with config

FetchError: request to http://localhost:36349/api/parsing failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should show friendly error for invalid redirect

FetchError: request to http://localhost:36349/api/redirect-error failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should show friendly error in case of passing null as first argument redirect

FetchError: request to http://localhost:36349/api/redirect-null failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should redirect with status code 307

FetchError: request to http://localhost:36349/api/redirect-307 failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should redirect to login

FetchError: request to http://localhost:36349/api/redirect-307 failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should redirect with status code 301

FetchError: request to http://localhost:36349/api/redirect-301 failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return empty query object

FetchError: request to http://localhost:36349/api/query failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should parse query correctly

FetchError: request to http://localhost:36349/api/query?a=1&b=2&a=3 failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return empty cookies object

FetchError: request to http://localhost:36349/api/cookies failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return cookies object

FetchError: request to http://localhost:36349/api/cookies failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return 200 on POST on pages

FetchError: request to http://localhost:36349/user failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return JSON on post on API

FetchError: request to http://localhost:36349/api/blog?title=Nextjs failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return data on dynamic route

FetchError: request to http://localhost:36349/api/post-1 failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should work with dynamic params and search string

FetchError: request to http://localhost:36349/api/post-1?val=1 failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should work with dynamic params and search string like lambda

FetchError: request to http://localhost:36349/api/post-1?val=1 failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should prioritize a non-dynamic page

FetchError: request to http://localhost:36349/api/post-1/comments failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return data on dynamic nested route

FetchError: request to http://localhost:36349/api/post-1/comment-1 failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should 404 on optional dynamic api page

FetchError: request to http://localhost:36349/api/blog/543/comment failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should return data on dynamic optional nested route

FetchError: request to http://localhost:36349/api/blog/post-1/comment/1 failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should work with child_process correctly

FetchError: request to http://localhost:36349/api/child-process failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● API routes › Serverless support › should build api routes

FetchError: request to http://localhost:36349/api/nextjs failed, reason: connect ECONNREFUSED 127.0.0.1:36349

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

test/integration/fallback-route-params/test/index.test.js

Fallback Dynamic Route Params > serverless mode > should have correct fallback query (skeleton)
Fallback Dynamic Route Params > serverless mode > should have correct fallback query (hydration)

Expand output

● Fallback Dynamic Route Params › serverless mode › should have correct fallback query (skeleton)

FetchError: request to http://localhost:36945/first failed, reason: socket hang up

  at ClientRequest.<anonymous> (../node_modules/node-fetch/lib/index.js:1461:11)

● Fallback Dynamic Route Params › serverless mode › should have correct fallback query (hydration)

WebDriverError: unknown error: net::ERR_CONNECTION_REFUSED
  (Session info: headless chrome=89.0.4389.90)

  177 |   console.log(`\n> Loading browser with ${url}\n`)
  178 |
> 179 |   await browser.get(url)
      |   ^
  180 |   console.log(`\n> Loaded browser with ${url}\n`)
  181 |
  182 |   // Wait for application to hydrate

  at Object.throwDecodedError (../node_modules/selenium-webdriver/lib/error.js:550:15)
  at parseHttpResponse (../node_modules/selenium-webdriver/lib/http.js:565:13)
  at Executor.execute (../node_modules/selenium-webdriver/lib/http.js:491:26)
  at thenableWebDriverProxy.execute (../node_modules/selenium-webdriver/lib/webdriver.js:700:17)
  at _default (lib/next-webdriver.js:179:3)
  at Object.<anonymous> (integration/fallback-route-params/test/index.test.js:33:21)

ijjk · 2021-03-18T16:02:07Z

Stats from current PR

Default Server Mode (Decrease detected ✓)

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	11.5s	11.4s	-61ms
nodeModulesSize	43.6 MB	43.6 MB	⚠️ +1.04 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
/ failed reqs	0	0	✓
/ total time (seconds)	1.942	1.955	⚠️ +0.01
/ avg req/sec	1287.23	1278.99	⚠️ -8.24
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.186	1.228	⚠️ +0.04
/error-in-render avg req/sec	2108.72	2035.9	⚠️ -72.82

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
677f882d2ed8..a2e7.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.14 kB	7.14 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	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-fde3324..9dd1.js gzip	1.28 kB	1.28 kB	✓
_error-af59f..582f.js gzip	3.46 kB	3.46 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-e6cee42..49eb.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.64 kB	8.64 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	346 B	346 B	✓
Overall change	346 B	346 B	✓

Rendered Page Sizes

	vercel/next.js canary	gwer/next.js pages_preimport	Change
index.html gzip	612 B	612 B	✓
link.html gzip	621 B	621 B	✓
withRouter.html gzip	607 B	607 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	13.2s	13.2s	⚠️ +17ms
nodeModulesSize	43.6 MB	43.6 MB	⚠️ +1.04 kB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
677f882d2ed8..a2e7.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.14 kB	7.14 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	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-fde3324..9dd1.js gzip	1.28 kB	1.28 kB	✓
_error-af59f..582f.js gzip	3.46 kB	3.46 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-e6cee42..49eb.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.64 kB	8.64 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	346 B	346 B	✓
Overall change	346 B	346 B	✓

Serverless bundles

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_error.js	1.02 MB	1.02 MB	✓
404.html	2.67 kB	2.67 kB	✓
500.html	2.65 kB	2.65 kB	✓
amp.amp.html	10.6 kB	10.6 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.02 MB	1.02 MB	✓
link.js	1.08 MB	1.08 MB	✓
routerDirect.js	1.07 MB	1.07 MB	✓
withRouter.js	1.07 MB	1.07 MB	✓
Overall change	5.27 MB	5.27 MB	✓

Webpack 5 Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	13.4s	13.3s	-107ms
nodeModulesSize	43.6 MB	43.6 MB	⚠️ +1.04 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	gwer/next.js pages_preimport	Change
/ failed reqs	0	0	✓
/ total time (seconds)	1.973	1.943	-0.03
/ avg req/sec	1267.18	1286.94	+19.76
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.208	1.196	-0.01
/error-in-render avg req/sec	2070.31	2090.63	+20.32

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
597-12fee761..569d.js gzip	13.3 kB	13.3 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	7.1 kB	7.1 kB	✓
webpack-HASH.js gzip	993 B	993 B	✓
Overall change	60.7 kB	60.7 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-d0eb668..79ef.js gzip	1.28 kB	1.28 kB	✓
_error-d12ff..6063.js gzip	3.4 kB	3.4 kB	✓
amp-127483e4..9cd8.js gzip	560 B	560 B	✓
hooks-75994b..62d3.js gzip	924 B	924 B	✓
index-ac1ee6..819e.js gzip	243 B	243 B	✓
link-1cd4709..71e5.js gzip	1.65 kB	1.65 kB	✓
routerDirect..4d90.js gzip	333 B	333 B	✓
withRouter-0..60b0.js gzip	329 B	329 B	✓
Overall change	8.72 kB	8.72 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	324 B	324 B	✓
Overall change	324 B	324 B	✓

Rendered Page Sizes

	vercel/next.js canary	gwer/next.js pages_preimport	Change
index.html gzip	588 B	588 B	✓
link.html gzip	595 B	595 B	✓
withRouter.html gzip	581 B	581 B	✓
Overall change	1.76 kB	1.76 kB	✓

Diffs

Diff for index.html

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

Diff for link.html

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

Diff for withRouter.html

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

Commit: fe5acd6

ijjk · 2021-03-18T17:23:54Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	13.4s	13.2s	-189ms
nodeModulesSize	43.6 MB	43.6 MB	⚠️ +1.12 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	gwer/next.js pages_preimport	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.42	2.357	-0.06
/ avg req/sec	1032.94	1060.71	+27.77
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.706	1.692	-0.01
/error-in-render avg req/sec	1465.05	1477.14	+12.09

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
677f882d2ed8..a2e7.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.14 kB	7.14 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	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-fde3324..9dd1.js gzip	1.28 kB	1.28 kB	✓
_error-af59f..582f.js gzip	3.46 kB	3.46 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-e6cee42..49eb.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.64 kB	8.64 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	346 B	346 B	✓
Overall change	346 B	346 B	✓

Rendered Page Sizes

	vercel/next.js canary	gwer/next.js pages_preimport	Change
index.html gzip	612 B	612 B	✓
link.html gzip	621 B	621 B	✓
withRouter.html gzip	607 B	607 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	15.7s	15.4s	-307ms
nodeModulesSize	43.6 MB	43.6 MB	⚠️ +1.12 kB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
677f882d2ed8..a2e7.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.14 kB	7.14 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	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-fde3324..9dd1.js gzip	1.28 kB	1.28 kB	✓
_error-af59f..582f.js gzip	3.46 kB	3.46 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-e6cee42..49eb.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.64 kB	8.64 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	346 B	346 B	✓
Overall change	346 B	346 B	✓

Serverless bundles

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_error.js	1.02 MB	1.02 MB	✓
404.html	2.67 kB	2.67 kB	✓
500.html	2.65 kB	2.65 kB	✓
amp.amp.html	10.6 kB	10.6 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.02 MB	1.02 MB	✓
link.js	1.08 MB	1.08 MB	✓
routerDirect.js	1.07 MB	1.07 MB	✓
withRouter.js	1.07 MB	1.07 MB	✓
Overall change	5.27 MB	5.27 MB	✓

Webpack 5 Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	16s	16.1s	⚠️ +79ms
nodeModulesSize	43.6 MB	43.6 MB	⚠️ +1.12 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	gwer/next.js pages_preimport	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.369	2.282	-0.09
/ avg req/sec	1055.52	1095.43	+39.91
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.649	1.678	⚠️ +0.03
/error-in-render avg req/sec	1515.77	1489.85	⚠️ -25.92

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
597-12fee761..569d.js gzip	13.3 kB	13.3 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	7.1 kB	7.1 kB	✓
webpack-HASH.js gzip	993 B	993 B	✓
Overall change	60.7 kB	60.7 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-d0eb668..79ef.js gzip	1.28 kB	1.28 kB	✓
_error-d12ff..6063.js gzip	3.4 kB	3.4 kB	✓
amp-127483e4..9cd8.js gzip	560 B	560 B	✓
hooks-75994b..62d3.js gzip	924 B	924 B	✓
index-ac1ee6..819e.js gzip	243 B	243 B	✓
link-1cd4709..71e5.js gzip	1.65 kB	1.65 kB	✓
routerDirect..4d90.js gzip	333 B	333 B	✓
withRouter-0..60b0.js gzip	329 B	329 B	✓
Overall change	8.72 kB	8.72 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	324 B	324 B	✓
Overall change	324 B	324 B	✓

Rendered Page Sizes

	vercel/next.js canary	gwer/next.js pages_preimport	Change
index.html gzip	588 B	588 B	✓
link.html gzip	595 B	595 B	✓
withRouter.html gzip	581 B	581 B	✓
Overall change	1.76 kB	1.76 kB	✓

Diffs

Diff for index.html

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

Diff for link.html

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

Diff for withRouter.html

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

Commit: fe699a8

packages/next/next-server/server/next-server.ts

Co-authored-by: Vytenis <projektas@gmail.com>

ijjk · 2021-03-24T07:56:49Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	13s	12.8s	-238ms
nodeModulesSize	61.3 MB	61.3 MB	⚠️ +1.12 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	gwer/next.js pages_preimport	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.129	2.067	-0.06
/ avg req/sec	1174.29	1209.73	+35.44
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.233	1.213	-0.02
/error-in-render avg req/sec	2027.32	2061.1	+33.78

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
677f882d2ed8..a2e7.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.14 kB	7.14 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	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-fde3324..9dd1.js gzip	1.28 kB	1.28 kB	✓
_error-af59f..582f.js gzip	3.46 kB	3.46 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-e6cee42..49eb.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.64 kB	8.64 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	346 B	346 B	✓
Overall change	346 B	346 B	✓

Rendered Page Sizes

	vercel/next.js canary	gwer/next.js pages_preimport	Change
index.html gzip	613 B	613 B	✓
link.html gzip	621 B	621 B	✓
withRouter.html gzip	607 B	607 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	14.6s	14.8s	⚠️ +185ms
nodeModulesSize	61.3 MB	61.3 MB	⚠️ +1.12 kB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
677f882d2ed8..a2e7.js gzip	13.4 kB	13.4 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.14 kB	7.14 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	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-fde3324..9dd1.js gzip	1.28 kB	1.28 kB	✓
_error-af59f..582f.js gzip	3.46 kB	3.46 kB	✓
amp-9716187d..0aa8.js gzip	536 B	536 B	✓
hooks-107e90..74c7.js gzip	888 B	888 B	✓
index-ac435c..ecf2.js gzip	227 B	227 B	✓
link-e6cee42..49eb.js gzip	1.64 kB	1.64 kB	✓
routerDirect..dc9d.js gzip	303 B	303 B	✓
withRouter-6..0e02.js gzip	302 B	302 B	✓
Overall change	8.64 kB	8.64 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	346 B	346 B	✓
Overall change	346 B	346 B	✓

Serverless bundles

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_error.js	1.02 MB	1.02 MB	✓
404.html	2.67 kB	2.67 kB	✓
500.html	2.65 kB	2.65 kB	✓
amp.amp.html	10.6 kB	10.6 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.02 MB	1.02 MB	✓
link.js	1.08 MB	1.08 MB	✓
routerDirect.js	1.07 MB	1.07 MB	✓
withRouter.js	1.07 MB	1.07 MB	✓
Overall change	5.27 MB	5.27 MB	✓

Webpack 5 Mode (Decrease detected ✓)

General Overall increase ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
buildDuration	15.5s	15.4s	-92ms
nodeModulesSize	61.3 MB	61.3 MB	⚠️ +1.12 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	gwer/next.js pages_preimport	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.066	2.035	-0.03
/ avg req/sec	1210.24	1228.21	+17.97
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.274	1.292	⚠️ +0.02
/error-in-render avg req/sec	1961.59	1934.6	⚠️ -26.99

Client Bundles (main, webpack, commons)

	vercel/next.js canary	gwer/next.js pages_preimport	Change
597-12fee761..569d.js gzip	13.3 kB	13.3 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	7.11 kB	7.11 kB	✓
webpack-HASH.js gzip	993 B	993 B	✓
Overall change	60.7 kB	60.7 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	gwer/next.js pages_preimport	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	gwer/next.js pages_preimport	Change
_app-b5edc60..e5c2.js gzip	1.29 kB	1.29 kB	✓
_error-b58c1..9b8e.js gzip	3.4 kB	3.4 kB	✓
amp-89a5460c..567f.js gzip	558 B	558 B	✓
hooks-8c2e74..be37.js gzip	924 B	924 B	✓
index-fec729..83b2.js gzip	243 B	243 B	✓
link-3631090..4cab.js gzip	1.65 kB	1.65 kB	✓
routerDirect..20d7.js gzip	328 B	328 B	✓
withRouter-b..a4b9.js gzip	326 B	326 B	✓
Overall change	8.72 kB	8.72 kB	✓

Client Build Manifests

	vercel/next.js canary	gwer/next.js pages_preimport	Change
_buildManifest.js gzip	325 B	325 B	✓
Overall change	325 B	325 B	✓

Rendered Page Sizes

	vercel/next.js canary	gwer/next.js pages_preimport	Change
index.html gzip	584 B	584 B	✓
link.html gzip	592 B	592 B	✓
withRouter.html gzip	581 B	581 B	✓
Overall change	1.76 kB	1.76 kB	✓

Diffs

Diff for index.html

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

Diff for link.html

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

Diff for withRouter.html

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

Commit: 8780f62

ijjk · 2021-07-21T00:51:11Z

Hi, I'm gonna close this as it seems like further is discussion/investigation is needed, please continue any discussion on this in the initial mentioned issued.

Add pages pre-import

658eb91

gwer requested review from divmain, ijjk, lfades, Timer and timneutkens as code owners March 18, 2021 15:25

ijjk added the type: next label Mar 18, 2021

Fix deps order

fe5acd6

Try to fix serverless

fe699a8

gwer mentioned this pull request Mar 22, 2021

Add _document and _app pre-import #23261

Merged

FDiskas reviewed Mar 24, 2021

View reviewed changes

packages/next/next-server/server/next-server.ts Outdated Show resolved Hide resolved

gwer requested a review from shuding as a code owner March 24, 2021 07:45

Update packages/next/next-server/server/next-server.ts (@FDiskas)

8780f62

Co-authored-by: Vytenis <projektas@gmail.com>

ijjk closed this Jul 21, 2021

gwer mentioned this pull request Jul 21, 2021

Slow initial page render #23187

Closed

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

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Speed up initial page render #23196

Speed up initial page render #23196

gwer commented Mar 18, 2021

ijjk commented Mar 18, 2021 •

edited

Loading

ijjk commented Mar 18, 2021

Diffs

ijjk commented Mar 18, 2021 •

edited

Loading

ijjk commented Mar 18, 2021

Diffs

ijjk commented Mar 18, 2021

Diffs

ijjk commented Mar 24, 2021

Diffs

ijjk commented Jul 21, 2021

	const components = await loadComponents(
	this.distDir,
	pagePath!,
	!this.renderOpts.dev && this._isLikeServerless
	)

Cache	Action	Missing dependencies	Speed
[]	Server start	[]	fast
[]	Request page1	[`_app`, `_document`, `page1`]	slow
[`_app`, `_document`, `page1`]	Request page1	[]	fast
[`_app`, `_document`, `page1`]	Request page2	[`page2`]	medium
[`_app`, `_document`, `page1`, `page2`]	Request page2	[]	fast

Speed up initial page render #23196

Speed up initial page render #23196

Conversation

gwer commented Mar 18, 2021

ijjk commented Mar 18, 2021 • edited Loading

Failing test suites

ijjk commented Mar 18, 2021

Stats from current PR

Diffs

ijjk commented Mar 18, 2021 • edited Loading

Failing test suites

ijjk commented Mar 18, 2021

Stats from current PR

Diffs

ijjk commented Mar 18, 2021

Stats from current PR

Diffs

ijjk commented Mar 24, 2021

Stats from current PR

Diffs

ijjk commented Jul 21, 2021

ijjk commented Mar 18, 2021 •

edited

Loading

ijjk commented Mar 18, 2021 •

edited

Loading