Allow pages to be async modules to enable top-level-await #17590
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 12.8s | 13.3s | |
| nodeModulesSize | 63.1 MB | 63.1 MB |
Page Load Tests Overall decrease ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.49 | 2.505 | |
| / avg req/sec | 1003.88 | 998.09 | |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.437 | 1.442 | 0 |
| /error-in-render avg req/sec | 1739.49 | 1733.43 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..9339.js gzip | 10.9 kB | 10.9 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-d493e7d..42f5.js gzip | 7.17 kB | 7.25 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 57.8 kB | 57.9 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.77 kB | 6.77 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-f8905d4..dule.js gzip | 6.24 kB | 6.25 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.7 kB | 52.7 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-d2344ce..8b36.js gzip | 1.3 kB | 1.3 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.71 kB | 7.71 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-f8c0daf..dule.js gzip | 1.26 kB | 1.26 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.36 kB | 5.36 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 322 B | 322 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 651 B | 651 B | ✓ |
Rendered Page Sizes Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | |
| link.html gzip | 1.01 kB | 1.01 kB | ✓ |
| withRouter.html gzip | 996 B | 996 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB |
Diffs
Diff for main-1638ee9..a9.module.js
@@ -1535,21 +1535,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for main-7f74095..c7a3b6f9a.js
@@ -1553,6 +1553,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1734,13 +1738,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1754,7 +1758,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1773,7 +1777,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1796,7 +1800,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(href, asPath, true)) && // noop when data has already been prefetched (dedupe)
+ (_dataHref = _this4.getDataHref(href, asPath, true)) && // noop when data has already been prefetched (dedupe)
!document.querySelector(
'link[rel="'
.concat(relPrefetch, '"][href^="')
@@ -1824,12 +1828,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1842,9 +1846,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1853,13 +1857,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1901,7 +1905,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1918,29 +1922,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -1995,11 +2039,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2013,7 +2057,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2055,7 +2099,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-1638ee97dc3a5972faa9.module.js"
+ href="/_next/static/chunks/main-d860420c8ef8a02943cf.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-7f740958d0cc7a3b6f9a.js"
+ src="/_next/static/chunks/main-da54a243c2675c9db0d8.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-1638ee97dc3a5972faa9.module.js"
+ src="/_next/static/chunks/main-d860420c8ef8a02943cf.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-1638ee97dc3a5972faa9.module.js"
+ href="/_next/static/chunks/main-d860420c8ef8a02943cf.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-7f740958d0cc7a3b6f9a.js"
+ src="/_next/static/chunks/main-da54a243c2675c9db0d8.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-1638ee97dc3a5972faa9.module.js"
+ src="/_next/static/chunks/main-d860420c8ef8a02943cf.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-1638ee97dc3a5972faa9.module.js"
+ href="/_next/static/chunks/main-d860420c8ef8a02943cf.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-7f740958d0cc7a3b6f9a.js"
+ src="/_next/static/chunks/main-da54a243c2675c9db0d8.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-1638ee97dc3a5972faa9.module.js"
+ src="/_next/static/chunks/main-d860420c8ef8a02943cf.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 14.6s | 15.2s | |
| nodeModulesSize | 63.1 MB | 63.1 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..9339.js gzip | 10.9 kB | 10.9 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-d493e7d..42f5.js gzip | 7.17 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-129b73f..8c67.js gzip | N/A | 7.25 kB | N/A |
| Overall change | 57.8 kB | 57.9 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.77 kB | 6.77 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-f8905d4..dule.js gzip | 6.24 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-b135fe8..dule.js gzip | N/A | 6.25 kB | N/A |
| Overall change | 52.7 kB | 52.7 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-d2344ce..8b36.js gzip | 1.3 kB | 1.3 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.71 kB | 7.71 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-f8c0daf..dule.js gzip | 1.26 kB | 1.26 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.36 kB | 5.36 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 322 B | 322 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 651 B | 651 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.05 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.09 MB | |
| withRouter.js | 1.09 MB | 1.09 MB | |
| Overall change | 5.4 MB | 5.4 MB |
Failing test suitesCommit: 11da014 test/integration/build-output/test/index.test.js
Expand output● Build Output › Basic Application Output › should not deviate from snapshot test/integration/size-limit/test/index.test.js
Expand output● Production response size › should not increase the overall response size of default build |
Failing test suitesCommit: 3763db9 test/integration/async-modules/test/index.test.js Expand output● Test suite failed to run |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 13.2s | 13.2s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall decrease ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.439 | 2.42 | -0.02 |
| / avg req/sec | 1024.82 | 1033 | +8.18 |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.281 | 1.362 | |
| /error-in-render avg req/sec | 1951.16 | 1836.09 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes Overall decrease ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | -1 B |
| link.html gzip | 1.01 kB | 1.01 kB | -1 B |
| withRouter.html gzip | 995 B | 995 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | -2 B |
Diffs
Diff for main-0e5b0f2..5f.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for main-ceaeaf1..be54dd6a8.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 15s | 14.9s | -41ms |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-7135f33..465e.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-26ca3d6..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.05 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.09 MB | |
| withRouter.js | 1.09 MB | 1.09 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 12.8s | 13.1s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall decrease ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.442 | 2.389 | -0.05 |
| / avg req/sec | 1023.6 | 1046.35 | +22.75 |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.313 | 1.343 | |
| /error-in-render avg req/sec | 1904.43 | 1861.93 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes Overall decrease ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | -1 B |
| link.html gzip | 1.01 kB | 1.01 kB | -1 B |
| withRouter.html gzip | 995 B | 995 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | -2 B |
Diffs
Diff for main-0e5b0f2..5f.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for main-ceaeaf1..be54dd6a8.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 14.7s | 14.7s | -36ms |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-7135f33..465e.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-26ca3d6..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.05 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.09 MB | |
| withRouter.js | 1.09 MB | 1.09 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Failing test suitesCommit: 2204789 test/integration/auto-export-error-bail/test/index.test.js
Expand output● Auto Export _error bail › serverless mode › should not opt-out of auto static optimization from invalid _error test/integration/404-page-ssg/test/index.test.js
Expand output● 404 Page Support SSG › serverless mode › should build successfully ● 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 test/integration/404-page-custom-error/test/index.test.js
Expand output● Default 404 Page with custom _error › serverless mode › should build successfully ● 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 test/integration/auto-export-serverless-error/test/index.test.js
Expand output● Auto Export Error Serverless › fails to emit the page test/integration/custom-page-extension/test/index.test.js
Expand output● Custom page extension › serverless mode › should work with normal page ● Custom page extension › serverless mode › should work dynamic page test/integration/custom-error/test/index.test.js
Expand output● Custom _error › serverless mode › renders custom _error successfully |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 13.2s | 13.2s | -7ms |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall increase ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.568 | 2.521 | -0.05 |
| / avg req/sec | 973.55 | 991.6 | +18.05 |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.537 | 1.503 | -0.03 |
| /error-in-render avg req/sec | 1626.05 | 1663.82 | +37.77 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes Overall decrease ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | -1 B |
| link.html gzip | 1.01 kB | 1.01 kB | -1 B |
| withRouter.html gzip | 995 B | 995 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | -2 B |
Diffs
Diff for main-0e5b0f2..5f.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for main-ceaeaf1..be54dd6a8.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 15.6s | 17.6s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-7135f33..465e.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-26ca3d6..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.05 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.09 MB | |
| withRouter.js | 1.09 MB | 1.09 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Failing test suitesCommit: 633b28b test/integration/api-support/test/index.test.js
Expand output● API routes › Serverless support › should parse bigger body then 1mb ● API routes › Serverless support › should parse body in handler |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 13.3s | 13.5s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall decrease ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.521 | 2.543 | |
| / avg req/sec | 991.82 | 982.96 | |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.501 | 1.583 | |
| /error-in-render avg req/sec | 1665.06 | 1579.17 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes Overall decrease ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | -1 B |
| link.html gzip | 1.01 kB | 1.01 kB | -1 B |
| withRouter.html gzip | 995 B | 995 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | -2 B |
Diffs
Diff for main-0e5b0f2..5f.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for main-ceaeaf1..be54dd6a8.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 15.2s | 15.2s | -65ms |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-7135f33..465e.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-26ca3d6..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.05 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.09 MB | |
| withRouter.js | 1.09 MB | 1.09 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 11.7s | 11.8s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall increase ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.364 | 2.253 | -0.11 |
| / avg req/sec | 1057.59 | 1109.66 | +52.07 |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.374 | 1.397 | |
| /error-in-render avg req/sec | 1818.96 | 1789.27 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes Overall decrease ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | -1 B |
| link.html gzip | 1.01 kB | 1.01 kB | -1 B |
| withRouter.html gzip | 995 B | 995 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | -2 B |
Diffs
Diff for main-0e5b0f2..5f.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for main-ceaeaf1..be54dd6a8.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 13.2s | 13.6s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-7135f33..465e.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-26ca3d6..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.05 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.09 MB | |
| withRouter.js | 1.09 MB | 1.09 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Failing test suitesCommit: ffe2e5d test/integration/handle-non-page-in-pages/test/index.test.js
Expand output● Handle non-page in pages when target: serverless › Fails softly with descriptive error |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 13.6s | 13.6s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall decrease ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.578 | 2.757 | |
| / avg req/sec | 969.71 | 906.75 | |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.621 | 1.667 | |
| /error-in-render avg req/sec | 1542.25 | 1500.09 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes Overall decrease ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | -1 B |
| link.html gzip | 1.01 kB | 1.01 kB | -1 B |
| withRouter.html gzip | 995 B | 995 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | -2 B |
Diffs
Diff for main-0e5b0f2..5f.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for main-ceaeaf1..be54dd6a8.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 15.3s | 15.6s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-7135f33..465e.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-26ca3d6..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.05 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.09 MB | |
| withRouter.js | 1.09 MB | 1.09 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 13.1s | 12.7s | -428ms |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall increase ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.635 | 2.478 | -0.16 |
| / avg req/sec | 948.71 | 1009 | +60.29 |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.645 | 1.484 | -0.16 |
| /error-in-render avg req/sec | 1519.51 | 1684.7 | +165.19 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes Overall decrease ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | -1 B |
| link.html gzip | 1.01 kB | 1.01 kB | -1 B |
| withRouter.html gzip | 995 B | 995 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | -2 B |
Diffs
Diff for main-0e5b0f2..5f.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for main-ceaeaf1..be54dd6a8.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ href="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-ceaeaf1cb88be54dd6a8.js"
+ src="/_next/static/chunks/main-856ffb1c5041f6172a4b.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-0e5b0f2c54131a0cba5f.module.js"
+ src="/_next/static/chunks/main-d932a74383a3fe299ab6.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 14.4s | 15.5s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-faae5f7..727a.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-7135f33..465e.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-d2ce890..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-26ca3d6..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.06 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.1 MB | |
| withRouter.js | 1.09 MB | 1.1 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Failing test suitesCommit: 7b49567 test/integration/async-modules/test/index.test.js Expand output● Test suite failed to run test/integration/gssp-ssr-change-reloading/test/index.test.js
Expand output● GS(S)P Server-Side Change Reloading › should not reload page when client-side is changed too GSSP ● GS(S)P Server-Side Change Reloading › should update page when getServerSideProps is changed only |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 13.8s | 14s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall decrease ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.662 | 2.668 | |
| / avg req/sec | 939.11 | 936.95 | |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.632 | 1.693 | |
| /error-in-render avg req/sec | 1531.67 | 1476.99 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | ✓ |
| link.html gzip | 1.01 kB | 1.01 kB | ✓ |
| withRouter.html gzip | 996 B | 996 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | ✓ |
Diffs
Diff for main-3288e84..dc636e132.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for main-3f59521..b1.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 15.4s | 15.6s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-3c4b8c3..826a.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-2695ee4..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.06 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.1 MB | |
| withRouter.js | 1.09 MB | 1.1 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 12.7s | 13.2s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall increase ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.455 | 2.29 | -0.17 |
| / avg req/sec | 1018.42 | 1091.83 | +73.41 |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.355 | 1.347 | -0.01 |
| /error-in-render avg req/sec | 1845.22 | 1856.16 | +10.94 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | ✓ |
| link.html gzip | 1.01 kB | 1.01 kB | ✓ |
| withRouter.html gzip | 996 B | 996 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | ✓ |
Diffs
Diff for main-3288e84..dc636e132.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for main-3f59521..b1.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 14.8s | 15.2s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-3c4b8c3..826a.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-2695ee4..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.06 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.1 MB | |
| withRouter.js | 1.09 MB | 1.1 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 12.8s | 13.2s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall decrease ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.357 | 2.397 | |
| / avg req/sec | 1060.47 | 1043.13 | |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.29 | 1.327 | |
| /error-in-render avg req/sec | 1938.5 | 1883.48 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | ✓ |
| link.html gzip | 1.01 kB | 1.01 kB | ✓ |
| withRouter.html gzip | 996 B | 996 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | ✓ |
Diffs
Diff for main-3288e84..dc636e132.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for main-3f59521..b1.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 14.6s | 14.7s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-3c4b8c3..826a.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-2695ee4..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.05 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.06 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.1 MB | |
| withRouter.js | 1.09 MB | 1.1 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 13.1s | 13.3s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall decrease ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.373 | 2.432 | |
| / avg req/sec | 1053.52 | 1027.85 | |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.323 | 1.356 | |
| /error-in-render avg req/sec | 1889.47 | 1844.04 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | ✓ |
| link.html gzip | 1.01 kB | 1.01 kB | ✓ |
| withRouter.html gzip | 996 B | 996 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | ✓ |
Diffs
Diff for main-3288e84..dc636e132.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for main-3f59521..b1.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 14.8s | 15.3s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-3c4b8c3..826a.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-2695ee4..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.06 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.06 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.1 MB | |
| withRouter.js | 1.09 MB | 1.1 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Janpot
requested review from
ijjk,
lfades,
Timer and
timneutkens
as code owners
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 11.5s | 12s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall decrease ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.228 | 2.3 | |
| / avg req/sec | 1122.22 | 1086.73 | |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.321 | 1.482 | |
| /error-in-render avg req/sec | 1892.48 | 1686.37 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | ✓ |
| link.html gzip | 1.01 kB | 1.01 kB | ✓ |
| withRouter.html gzip | 996 B | 996 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | ✓ |
Diffs
Diff for main-3288e84..dc636e132.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for main-3f59521..b1.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 12.9s | 13.2s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-3c4b8c3..826a.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-2695ee4..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.06 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.06 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.1 MB | |
| withRouter.js | 1.09 MB | 1.1 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Janpot
changed the title
Stats from current PRDefault Server Mode (Increase detected
|
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 12.9s | 13.6s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Page Load Tests Overall increase ✓
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| / failed reqs | 0 | 0 | ✓ |
| / total time (seconds) | 2.526 | 2.401 | -0.12 |
| / avg req/sec | 989.67 | 1041.05 | +51.38 |
| /error-in-render failed reqs | 0 | 0 | ✓ |
| /error-in-render total time (seconds) | 1.381 | 1.374 | -0.01 |
| /error-in-render avg req/sec | 1810.67 | 1819.25 | +8.58 |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | 7.29 kB | |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | 6.29 kB | |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Rendered Page Sizes
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| index.html gzip | 1 kB | 1 kB | ✓ |
| link.html gzip | 1.01 kB | 1.01 kB | ✓ |
| withRouter.html gzip | 996 B | 996 B | ✓ |
| Overall change | 3.01 kB | 3.01 kB | ✓ |
Diffs
Diff for main-3288e84..dc636e132.js
@@ -1563,6 +1563,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
/***/ zmvN: /***/ function(module, exports, __webpack_require__) {
"use strict";
+ var _regeneratorRuntime = __webpack_require__("o0o1");
+
+ var _asyncToGenerator = __webpack_require__("yXPU");
+
var _classCallCheck = __webpack_require__("lwsE");
var _createClass = __webpack_require__("W8MJ");
@@ -1744,13 +1748,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDependencies",
value: function getDependencies(route) {
- var _this = this;
+ var _this2 = this;
return this.promisedBuildManifest.then(function(m) {
return m[route]
? m[route].map(function(url) {
return ""
- .concat(_this.assetPrefix, "/_next/")
+ .concat(_this2.assetPrefix, "/_next/")
.concat(encodeURI(url));
})
: Promise.reject(pageLoadError(route));
@@ -1764,7 +1768,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "getDataHref",
value: function getDataHref(href, asPath, ssg, locale) {
- var _this2 = this;
+ var _this3 = this;
var _ref = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref.pathname,
@@ -1783,7 +1787,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
);
return (0, _router.addBasePath)(
"/_next/data/"
- .concat(_this2.buildId)
+ .concat(_this3.buildId)
.concat(dataRoute)
.concat(ssg ? "" : search)
);
@@ -1806,7 +1810,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetchData",
value: function prefetchData(href, asPath, locale) {
- var _this3 = this;
+ var _this4 = this;
var _ref3 = (0, _parseRelativeUrl.parseRelativeUrl)(href),
hrefPathname = _ref3.pathname;
@@ -1816,7 +1820,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return (
// Check if the route requires a data file
s.has(route) && // Try to generate data href, noop when falsy
- (_dataHref = _this3.getDataHref(
+ (_dataHref = _this4.getDataHref(
href,
asPath,
true,
@@ -1839,12 +1843,12 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "loadPage",
value: function loadPage(route) {
- var _this4 = this;
+ var _this5 = this;
route = normalizeRoute(route);
return new Promise(function(resolve, reject) {
// If there's a cached version of the page, let's use it.
- var cachedPage = _this4.pageCache[route];
+ var cachedPage = _this5.pageCache[route];
if (cachedPage) {
if ("error" in cachedPage) {
@@ -1857,9 +1861,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
var fire = function fire(pageToCache) {
- _this4.pageRegisterEvents.off(route, fire);
+ _this5.pageRegisterEvents.off(route, fire);
- delete _this4.loadingRoutes[route];
+ delete _this5.loadingRoutes[route];
if ("error" in pageToCache) {
reject(pageToCache.error);
@@ -1868,13 +1872,13 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
}
}; // Register a listener to get the page
- _this4.pageRegisterEvents.on(route, fire);
+ _this5.pageRegisterEvents.on(route, fire);
- if (!_this4.loadingRoutes[route]) {
- _this4.loadingRoutes[route] = true;
+ if (!_this5.loadingRoutes[route]) {
+ _this5.loadingRoutes[route] = true;
if (true) {
- _this4
+ _this5
.getDependencies(route)
.then(function(deps) {
var pending = [];
@@ -1916,7 +1920,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
["catch"](function(err) {
// Mark the page as failed to load if any of its required scripts
// fail to load:
- _this4.pageCache[route] = {
+ _this5.pageCache[route] = {
error: err
};
fire({
@@ -1933,29 +1937,69 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "registerPage",
value: function registerPage(route, regFn) {
- var _this5 = this;
+ var _this6 = this;
- var register = function register(styleSheets) {
- try {
- var mod = regFn();
- var pageData = {
- page: mod["default"] || mod,
- mod: mod,
- styleSheets: styleSheets
- };
- _this5.pageCache[route] = pageData;
+ var _this = this;
- _this5.pageRegisterEvents.emit(route, pageData);
- } catch (error) {
- _this5.pageCache[route] = {
- error: error
- };
+ var register = /*#__PURE__*/ (function() {
+ var _register = _asyncToGenerator(
+ /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(
+ styleSheets
+ ) {
+ var mod, pageData;
+ return _regeneratorRuntime.wrap(
+ function _callee$(_context) {
+ while (1) {
+ switch ((_context.prev = _context.next)) {
+ case 0:
+ _context.prev = 0;
+ _context.next = 3;
+ return regFn();
+
+ case 3:
+ mod = _context.sent;
+ pageData = {
+ page: mod["default"] || mod,
+ mod: mod,
+ styleSheets: styleSheets
+ };
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
+
+ _context.next = 13;
+ break;
+
+ case 9:
+ _context.prev = 9;
+ _context.t0 = _context["catch"](0);
+ _this.pageCache[route] = {
+ error: _context.t0
+ };
+
+ _this.pageRegisterEvents.emit(route, {
+ error: _context.t0
+ });
+
+ case 13:
+ case "end":
+ return _context.stop();
+ }
+ }
+ },
+ _callee,
+ null,
+ [[0, 9]]
+ );
+ })
+ );
- _this5.pageRegisterEvents.emit(route, {
- error: error
- });
+ function register(_x) {
+ return _register.apply(this, arguments);
}
- };
+
+ return register;
+ })();
if (false) {
var check;
@@ -2010,11 +2054,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
return register(deps);
},
function(error) {
- _this5.pageCache[route] = {
+ _this6.pageCache[route] = {
error: error
};
- _this5.pageRegisterEvents.emit(route, {
+ _this6.pageRegisterEvents.emit(route, {
error: error
});
}
@@ -2028,7 +2072,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
{
key: "prefetch",
value: function prefetch(route, isDependency) {
- var _this6 = this;
+ var _this7 = this;
// https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
// License: Apache 2.0
@@ -2070,7 +2114,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
this.getDependencies(route).then(function(urls) {
return Promise.all(
urls.map(function(dependencyUrl) {
- return _this6.prefetch(dependencyUrl, true);
+ return _this7.prefetch(dependencyUrl, true);
})
);
})Diff for main-3f59521..b1.module.js
@@ -1547,21 +1547,25 @@
} // This method if called by the route code.
registerPage(route, regFn) {
- var register = styleSheets => {
+ var _this = this;
+
+ var register = async function register(styleSheets) {
try {
- var mod = regFn();
+ var mod = await regFn();
var pageData = {
page: mod.default || mod,
mod,
styleSheets
};
- this.pageCache[route] = pageData;
- this.pageRegisterEvents.emit(route, pageData);
+ _this.pageCache[route] = pageData;
+
+ _this.pageRegisterEvents.emit(route, pageData);
} catch (error) {
- this.pageCache[route] = {
+ _this.pageCache[route] = {
error
};
- this.pageRegisterEvents.emit(route, {
+
+ _this.pageRegisterEvents.emit(route, {
error
});
}Diff for index.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for link.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -90,13 +90,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Diff for withRouter.html
@@ -6,7 +6,7 @@
<noscript data-n-css="true"></noscript>
<link
rel="preload"
- href="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ href="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
as="script"
crossorigin="anonymous"
/>
@@ -85,13 +85,13 @@
src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
></script>
<script
- src="/_next/static/chunks/main-3288e8470b4dc636e132.js"
+ src="/_next/static/chunks/main-a62d1e8420d276ea1bfd.js"
async=""
crossorigin="anonymous"
nomodule=""
></script>
<script
- src="/_next/static/chunks/main-3f59521eeb32ac7b02b1.module.js"
+ src="/_next/static/chunks/main-e6094095e2520c6a7b15.module.js"
async=""
crossorigin="anonymous"
type="module"Serverless Mode (Increase detected ⚠️ )
General Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| buildDuration | 14.8s | 15s | |
| nodeModulesSize | 63.4 MB | 63.4 MB |
Client Bundles (main, webpack, commons) Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..133b.js gzip | 11.1 kB | 11.1 kB | ✓ |
| framework.HASH.js gzip | 39 kB | 39 kB | ✓ |
| main-2540b2f..aa10.js gzip | 7.22 kB | N/A | N/A |
| webpack-e067..f178.js gzip | 751 B | 751 B | ✓ |
| main-3c4b8c3..826a.js gzip | N/A | 7.29 kB | N/A |
| Overall change | 58 kB | 58.1 kB |
Client Bundles (main, webpack, commons) Modern Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| 677f882d2ed8..dule.js gzip | 6.9 kB | 6.9 kB | ✓ |
| framework.HA..dule.js gzip | 39 kB | 39 kB | ✓ |
| main-0d1e0b8..dule.js gzip | 6.28 kB | N/A | N/A |
| webpack-07c5..dule.js gzip | 751 B | 751 B | ✓ |
| main-2695ee4..dule.js gzip | N/A | 6.29 kB | N/A |
| Overall change | 52.9 kB | 52.9 kB |
Legacy Client Bundles (polyfills)
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| polyfills-4b..e242.js gzip | 31 kB | 31 kB | ✓ |
| Overall change | 31 kB | 31 kB | ✓ |
Client Pages
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-9a0b9e1..b37e.js gzip | 1.28 kB | 1.28 kB | ✓ |
| _error-ed1b0..8fbd.js gzip | 3.44 kB | 3.44 kB | ✓ |
| hooks-89731c..c609.js gzip | 887 B | 887 B | ✓ |
| index-17468f..5d83.js gzip | 227 B | 227 B | ✓ |
| link-409b283..e3ab.js gzip | 1.32 kB | 1.32 kB | ✓ |
| routerDirect..924c.js gzip | 284 B | 284 B | ✓ |
| withRouter-7..c13d.js gzip | 284 B | 284 B | ✓ |
| Overall change | 7.73 kB | 7.73 kB | ✓ |
Client Pages Modern
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _app-75d3a82..dule.js gzip | 625 B | 625 B | ✓ |
| _error-4469a..dule.js gzip | 2.29 kB | 2.29 kB | ✓ |
| hooks-cbf13f..dule.js gzip | 387 B | 387 B | ✓ |
| index-b9a643..dule.js gzip | 226 B | 226 B | ✓ |
| link-92d3016..dule.js gzip | 1.28 kB | 1.28 kB | ✓ |
| routerDirect..dule.js gzip | 284 B | 284 B | ✓ |
| withRouter-f..dule.js gzip | 282 B | 282 B | ✓ |
| Overall change | 5.37 kB | 5.37 kB | ✓ |
Client Build Manifests
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _buildManifest.js gzip | 323 B | 323 B | ✓ |
| _buildManife..dule.js gzip | 329 B | 329 B | ✓ |
| Overall change | 652 B | 652 B | ✓ |
Serverless bundles Overall increase ⚠️
| vercel/next.js canary | Janpot/next.js async-modules | Change | |
|---|---|---|---|
| _error.js | 1.05 MB | 1.06 MB | |
| 404.html | 4.34 kB | 4.34 kB | ✓ |
| hooks.html | 3.92 kB | 3.92 kB | ✓ |
| index.js | 1.05 MB | 1.06 MB | |
| link.js | 1.1 MB | 1.1 MB | |
| routerDirect.js | 1.09 MB | 1.1 MB | |
| withRouter.js | 1.09 MB | 1.1 MB | |
| Overall change | 5.41 MB | 5.41 MB |
Given it's experimental in webpack it should not be enabled by default. |
👍 that's what this PR implements |
timneutkens
reviewed
Oct 14, 2020
timneutkens
approved these changes
Oct 14, 2020
This was referenced Oct 14, 2020
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Makes it possible to use top level await in Next.js pages and api handlers. Requires webpack 5.
See also #11185
TODO:
fix lint, ignored for now, seems like a round of babel packages updates is needed. Will follow that up in another PR