New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Allow pages to be async modules to enable top-level-await #17590
Conversation
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 |
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 |
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 |
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