feat(next/image): remove `sharp` for wasm variant #22253

Timer · 2021-02-17T07:01:49Z

This pull request removes the native sharp dependency (which doesn't work on some Linux variants, nor M1 Mac) and replaces it with a wasm equivalent.

It also reduces Next.js' installed size by 27.3 MB.

The code is adapted from the Squoosh CLI.

This PR still supports:

Rotation normalization
Resizing
PNG
JPEG
Webp

However, it (temporarily) removes support for:

Resizing Gifs
Resizing Tiff

(these formats still get served and rendered correctly by the image component)

Fixes #20456
Closes #20738
Closes #21762

ijjk · 2021-02-17T08:02:34Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	11.4s	11.1s	-286ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Page Load Tests Overall increase ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.209	2.181	-0.03
/ avg req/sec	1131.88	1146.26	+14.38
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.546	1.501	-0.05
/error-in-render avg req/sec	1616.74	1665.64	+48.9

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
677f882d2ed8..5cb0.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	6.63 kB	6.63 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	59.5 kB	59.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-2a09aa2..4a98.js gzip	1.28 kB	1.28 kB	✓
_error-8b758..aef6.js gzip	3.46 kB	3.46 kB	✓
amp-e3e9bc99..932c.js gzip	536 B	536 B	✓
hooks-5023ef..3670.js gzip	888 B	888 B	✓
index-3a2b03..c677.js gzip	227 B	227 B	✓
link-177412b..043e.js gzip	1.67 kB	1.67 kB	✓
routerDirect..1a66.js gzip	303 B	303 B	✓
withRouter-9..1b7d.js gzip	302 B	302 B	✓
Overall change	8.66 kB	8.66 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	347 B	347 B	✓
Overall change	347 B	347 B	✓

Rendered Page Sizes

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
index.html gzip	614 B	614 B	✓
link.html gzip	621 B	621 B	✓
withRouter.html gzip	609 B	609 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	13.3s	13.8s	⚠️ +516ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
677f882d2ed8..5cb0.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	6.63 kB	6.63 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	59.5 kB	59.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-2a09aa2..4a98.js gzip	1.28 kB	1.28 kB	✓
_error-8b758..aef6.js gzip	3.46 kB	3.46 kB	✓
amp-e3e9bc99..932c.js gzip	536 B	536 B	✓
hooks-5023ef..3670.js gzip	888 B	888 B	✓
index-3a2b03..c677.js gzip	227 B	227 B	✓
link-177412b..043e.js gzip	1.67 kB	1.67 kB	✓
routerDirect..1a66.js gzip	303 B	303 B	✓
withRouter-9..1b7d.js gzip	302 B	302 B	✓
Overall change	8.66 kB	8.66 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	347 B	347 B	✓
Overall change	347 B	347 B	✓

Serverless bundles

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_error.js	1.01 MB	1.01 MB	✓
404.html	2.67 kB	2.67 kB	✓
amp.amp.html	10.4 kB	10.4 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.01 MB	1.01 MB	✓
link.js	1.06 MB	1.06 MB	✓
routerDirect.js	1.06 MB	1.06 MB	✓
withRouter.js	1.06 MB	1.06 MB	✓
Overall change	5.2 MB	5.2 MB	✓

Webpack 5 Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	13.6s	13.6s	-13ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.182	2.201	⚠️ +0.02
/ avg req/sec	1145.54	1135.65	⚠️ -9.89
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.554	1.585	⚠️ +0.03
/error-in-render avg req/sec	1608.42	1577.28	⚠️ -31.14

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
597-d08f5fe5..d690.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	6.58 kB	6.58 kB	✓
webpack-HASH.js gzip	954 B	954 B	✓
Overall change	59.9 kB	59.9 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-6e0a903..b885.js gzip	1.26 kB	1.26 kB	✓
_error-9e190..f9d6.js gzip	3.38 kB	3.38 kB	✓
amp-7fd79cc4..99ee.js gzip	538 B	538 B	✓
hooks-f7e199..11b9.js gzip	904 B	904 B	✓
index-3dc22c..ffbb.js gzip	232 B	232 B	✓
link-7cc9e62..ef27.js gzip	1.66 kB	1.66 kB	✓
routerDirect..323a.js gzip	308 B	308 B	✓
withRouter-a..2ef8.js gzip	304 B	304 B	✓
Overall change	8.59 kB	8.59 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	322 B	322 B	✓
Overall change	322 B	322 B	✓

Rendered Page Sizes

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
index.html gzip	586 B	586 B	✓
link.html gzip	594 B	594 B	✓
withRouter.html gzip	580 B	580 B	✓
Overall change	1.76 kB	1.76 kB	✓

Diffs

Diff for index.html

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

Diff for link.html

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

Diff for withRouter.html

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

Commit: 9d9fd39

Timer · 2021-02-17T15:08:14Z

cc @TrySound

TrySound

This is awesome!

ijjk · 2021-02-17T21:33:30Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	11.4s	11.2s	-182ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Page Load Tests Overall increase ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.019	2.021	0
/ avg req/sec	1238.31	1237.22	⚠️ -1.09
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.274	1.243	-0.03
/error-in-render avg req/sec	1962.09	2011.68	+49.59

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
677f882d2ed8..5cb0.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	6.63 kB	6.63 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	59.5 kB	59.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-2a09aa2..4a98.js gzip	1.28 kB	1.28 kB	✓
_error-8b758..aef6.js gzip	3.46 kB	3.46 kB	✓
amp-e3e9bc99..932c.js gzip	536 B	536 B	✓
hooks-5023ef..3670.js gzip	888 B	888 B	✓
index-3a2b03..c677.js gzip	227 B	227 B	✓
link-177412b..043e.js gzip	1.67 kB	1.67 kB	✓
routerDirect..1a66.js gzip	303 B	303 B	✓
withRouter-9..1b7d.js gzip	302 B	302 B	✓
Overall change	8.66 kB	8.66 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	347 B	347 B	✓
Overall change	347 B	347 B	✓

Rendered Page Sizes

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
index.html gzip	614 B	614 B	✓
link.html gzip	621 B	621 B	✓
withRouter.html gzip	609 B	609 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	13.4s	13.4s	⚠️ +2ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
677f882d2ed8..5cb0.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	6.63 kB	6.63 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	59.5 kB	59.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-2a09aa2..4a98.js gzip	1.28 kB	1.28 kB	✓
_error-8b758..aef6.js gzip	3.46 kB	3.46 kB	✓
amp-e3e9bc99..932c.js gzip	536 B	536 B	✓
hooks-5023ef..3670.js gzip	888 B	888 B	✓
index-3a2b03..c677.js gzip	227 B	227 B	✓
link-177412b..043e.js gzip	1.67 kB	1.67 kB	✓
routerDirect..1a66.js gzip	303 B	303 B	✓
withRouter-9..1b7d.js gzip	302 B	302 B	✓
Overall change	8.66 kB	8.66 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	347 B	347 B	✓
Overall change	347 B	347 B	✓

Serverless bundles

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_error.js	1.01 MB	1.01 MB	✓
404.html	2.67 kB	2.67 kB	✓
amp.amp.html	10.4 kB	10.4 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.01 MB	1.01 MB	✓
link.js	1.06 MB	1.06 MB	✓
routerDirect.js	1.06 MB	1.06 MB	✓
withRouter.js	1.06 MB	1.06 MB	✓
Overall change	5.2 MB	5.2 MB	✓

Webpack 5 Mode (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	13s	13.1s	⚠️ +109ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Page Load Tests Overall increase ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.026	2.01	-0.02
/ avg req/sec	1233.86	1244.01	+10.15
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.36	1.235	-0.12
/error-in-render avg req/sec	1837.67	2024.05	+186.38

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
597-d08f5fe5..d690.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	6.58 kB	6.58 kB	✓
webpack-HASH.js gzip	954 B	954 B	✓
Overall change	59.9 kB	59.9 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-6e0a903..b885.js gzip	1.26 kB	1.26 kB	✓
_error-9e190..f9d6.js gzip	3.38 kB	3.38 kB	✓
amp-7fd79cc4..99ee.js gzip	538 B	538 B	✓
hooks-f7e199..11b9.js gzip	904 B	904 B	✓
index-3dc22c..ffbb.js gzip	232 B	232 B	✓
link-7cc9e62..ef27.js gzip	1.66 kB	1.66 kB	✓
routerDirect..323a.js gzip	308 B	308 B	✓
withRouter-a..2ef8.js gzip	304 B	304 B	✓
Overall change	8.59 kB	8.59 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	322 B	322 B	✓
Overall change	322 B	322 B	✓

Rendered Page Sizes

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
index.html gzip	586 B	586 B	✓
link.html gzip	594 B	594 B	✓
withRouter.html gzip	580 B	580 B	✓
Overall change	1.76 kB	1.76 kB	✓

Diffs

Diff for index.html

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

Diff for link.html

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

Diff for withRouter.html

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

Commit: ff86315

ijjk · 2021-02-17T22:51:10Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	11s	11s	⚠️ +34ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Page Load Tests Overall increase ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.049	2.011	-0.04
/ avg req/sec	1220.11	1243.05	+22.94
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.249	1.203	-0.05
/error-in-render avg req/sec	2001.51	2078.74	+77.23

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
677f882d2ed8..5cb0.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	6.63 kB	6.63 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	59.5 kB	59.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-2a09aa2..4a98.js gzip	1.28 kB	1.28 kB	✓
_error-8b758..aef6.js gzip	3.46 kB	3.46 kB	✓
amp-e3e9bc99..932c.js gzip	536 B	536 B	✓
hooks-5023ef..3670.js gzip	888 B	888 B	✓
index-3a2b03..c677.js gzip	227 B	227 B	✓
link-177412b..043e.js gzip	1.67 kB	1.67 kB	✓
routerDirect..1a66.js gzip	303 B	303 B	✓
withRouter-9..1b7d.js gzip	302 B	302 B	✓
Overall change	8.66 kB	8.66 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	347 B	347 B	✓
Overall change	347 B	347 B	✓

Rendered Page Sizes

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
index.html gzip	614 B	614 B	✓
link.html gzip	621 B	621 B	✓
withRouter.html gzip	609 B	609 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	13s	13.1s	⚠️ +130ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
677f882d2ed8..5cb0.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	6.63 kB	6.63 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	59.5 kB	59.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-2a09aa2..4a98.js gzip	1.28 kB	1.28 kB	✓
_error-8b758..aef6.js gzip	3.46 kB	3.46 kB	✓
amp-e3e9bc99..932c.js gzip	536 B	536 B	✓
hooks-5023ef..3670.js gzip	888 B	888 B	✓
index-3a2b03..c677.js gzip	227 B	227 B	✓
link-177412b..043e.js gzip	1.67 kB	1.67 kB	✓
routerDirect..1a66.js gzip	303 B	303 B	✓
withRouter-9..1b7d.js gzip	302 B	302 B	✓
Overall change	8.66 kB	8.66 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	347 B	347 B	✓
Overall change	347 B	347 B	✓

Serverless bundles

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_error.js	1.01 MB	1.01 MB	✓
404.html	2.67 kB	2.67 kB	✓
amp.amp.html	10.4 kB	10.4 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.01 MB	1.01 MB	✓
link.js	1.06 MB	1.06 MB	✓
routerDirect.js	1.06 MB	1.06 MB	✓
withRouter.js	1.06 MB	1.06 MB	✓
Overall change	5.2 MB	5.2 MB	✓

Webpack 5 Mode (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	12.9s	12.8s	-127ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Page Load Tests Overall increase ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.045	2.006	-0.04
/ avg req/sec	1222.63	1246.51	+23.88
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.261	1.249	-0.01
/error-in-render avg req/sec	1983.29	2001.04	+17.75

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
597-d08f5fe5..d690.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	6.58 kB	6.58 kB	✓
webpack-HASH.js gzip	954 B	954 B	✓
Overall change	59.9 kB	59.9 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-6e0a903..b885.js gzip	1.26 kB	1.26 kB	✓
_error-9e190..f9d6.js gzip	3.38 kB	3.38 kB	✓
amp-7fd79cc4..99ee.js gzip	538 B	538 B	✓
hooks-f7e199..11b9.js gzip	904 B	904 B	✓
index-3dc22c..ffbb.js gzip	232 B	232 B	✓
link-7cc9e62..ef27.js gzip	1.66 kB	1.66 kB	✓
routerDirect..323a.js gzip	308 B	308 B	✓
withRouter-a..2ef8.js gzip	304 B	304 B	✓
Overall change	8.59 kB	8.59 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	322 B	322 B	✓
Overall change	322 B	322 B	✓

Rendered Page Sizes

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
index.html gzip	586 B	586 B	✓
link.html gzip	594 B	594 B	✓
withRouter.html gzip	580 B	580 B	✓
Overall change	1.76 kB	1.76 kB	✓

Diffs

Diff for index.html

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

Diff for link.html

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

Diff for withRouter.html

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

Commit: 0e16d8c

ijjk · 2021-02-17T23:23:20Z

Stats from current PR

Default Server Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	12.9s	12.8s	-167ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.434	2.443	⚠️ +0.01
/ avg req/sec	1027.06	1023.38	⚠️ -3.68
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.668	1.677	⚠️ +0.01
/error-in-render avg req/sec	1498.92	1490.91	⚠️ -8.01

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
677f882d2ed8..5cb0.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	6.63 kB	6.63 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	59.5 kB	59.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-2a09aa2..4a98.js gzip	1.28 kB	1.28 kB	✓
_error-8b758..aef6.js gzip	3.46 kB	3.46 kB	✓
amp-e3e9bc99..932c.js gzip	536 B	536 B	✓
hooks-5023ef..3670.js gzip	888 B	888 B	✓
index-3a2b03..c677.js gzip	227 B	227 B	✓
link-177412b..043e.js gzip	1.67 kB	1.67 kB	✓
routerDirect..1a66.js gzip	303 B	303 B	✓
withRouter-9..1b7d.js gzip	302 B	302 B	✓
Overall change	8.66 kB	8.66 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	347 B	347 B	✓
Overall change	347 B	347 B	✓

Rendered Page Sizes

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
index.html gzip	615 B	615 B	✓
link.html gzip	621 B	621 B	✓
withRouter.html gzip	608 B	608 B	✓
Overall change	1.84 kB	1.84 kB	✓

Serverless Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	14.8s	15s	⚠️ +222ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
677f882d2ed8..5cb0.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	6.63 kB	6.63 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	59.5 kB	59.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-2a09aa2..4a98.js gzip	1.28 kB	1.28 kB	✓
_error-8b758..aef6.js gzip	3.46 kB	3.46 kB	✓
amp-e3e9bc99..932c.js gzip	536 B	536 B	✓
hooks-5023ef..3670.js gzip	888 B	888 B	✓
index-3a2b03..c677.js gzip	227 B	227 B	✓
link-177412b..043e.js gzip	1.67 kB	1.67 kB	✓
routerDirect..1a66.js gzip	303 B	303 B	✓
withRouter-9..1b7d.js gzip	302 B	302 B	✓
Overall change	8.66 kB	8.66 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	347 B	347 B	✓
Overall change	347 B	347 B	✓

Serverless bundles

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_error.js	1.01 MB	1.01 MB	✓
404.html	2.67 kB	2.67 kB	✓
amp.amp.html	10.4 kB	10.4 kB	✓
amp.html	1.86 kB	1.86 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1.01 MB	1.01 MB	✓
link.js	1.06 MB	1.06 MB	✓
routerDirect.js	1.06 MB	1.06 MB	✓
withRouter.js	1.06 MB	1.06 MB	✓
Overall change	5.2 MB	5.2 MB	✓

Webpack 5 Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
buildDuration	14.8s	15.1s	⚠️ +290ms
nodeModulesSize	69.8 MB	42.5 MB	-27.3 MB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.416	2.44	⚠️ +0.02
/ avg req/sec	1034.98	1024.56	⚠️ -10.42
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.619	1.668	⚠️ +0.05
/error-in-render avg req/sec	1544.39	1498.73	⚠️ -45.66

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
597-d08f5fe5..d690.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	6.58 kB	6.58 kB	✓
webpack-HASH.js gzip	954 B	954 B	✓
Overall change	59.9 kB	59.9 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_app-6e0a903..b885.js gzip	1.26 kB	1.26 kB	✓
_error-9e190..f9d6.js gzip	3.38 kB	3.38 kB	✓
amp-7fd79cc4..99ee.js gzip	538 B	538 B	✓
hooks-f7e199..11b9.js gzip	904 B	904 B	✓
index-3dc22c..ffbb.js gzip	232 B	232 B	✓
link-7cc9e62..ef27.js gzip	1.66 kB	1.66 kB	✓
routerDirect..323a.js gzip	308 B	308 B	✓
withRouter-a..2ef8.js gzip	304 B	304 B	✓
Overall change	8.59 kB	8.59 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
_buildManifest.js gzip	322 B	322 B	✓
Overall change	322 B	322 B	✓

Rendered Page Sizes

	vercel/next.js canary	Timer/next.js feat/wasm-images	Change
index.html gzip	585 B	585 B	✓
link.html gzip	593 B	593 B	✓
withRouter.html gzip	580 B	580 B	✓
Overall change	1.76 kB	1.76 kB	✓

Diffs

Diff for index.html

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

Diff for link.html

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

Diff for withRouter.html

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

Commit: 3d1cc65

feat(next/image): remove sharp for wasm variant

30e2f93

ijjk added the type: next label Feb 17, 2021

This comment has been minimized.

Sign in to view

Timer added 3 commits February 17, 2021 02:22

disable tests for unsupported formats

ee88f3f

Properly defer execution

9f02dc5

fix old Node versions

9d9fd39

Timer marked this pull request as ready for review February 17, 2021 15:07

Timer requested review from divmain, ijjk, lfades and timneutkens as code owners February 17, 2021 15:07

TrySound previously approved these changes Feb 17, 2021

View reviewed changes

remove sharp

0bc9b37

Timer dismissed TrySound’s stale review via 0bc9b37 February 17, 2021 17:13

Merge branch 'canary' into feat/wasm-images

1a01ad0

This comment has been minimized.

Sign in to view

chore: compile deps

495af07

This comment has been minimized.

Sign in to view

use subprocess

ff86315

This comment has been minimized.

Sign in to view

Fix data format transmission

0e16d8c

ijjk approved these changes Feb 17, 2021

View reviewed changes

Merge branch 'canary' into feat/wasm-images

3d1cc65

timneutkens approved these changes Feb 18, 2021

View reviewed changes

kodiakhq bot merged commit 99a4ea6 into vercel:canary Feb 18, 2021

scttcper mentioned this pull request Mar 10, 2021

10.0.8 next/image high memory use #22925

Closed

kush-agra mentioned this pull request Mar 10, 2021

10.0.8 next/image double images #22929

Closed

paambaati mentioned this pull request Mar 11, 2021

Add support for AVIF #20765

Closed

shuding mentioned this pull request Mar 12, 2021

Optimize memory usage for Next.js Image #23015

Closed

stefanprobst mentioned this pull request Mar 19, 2021

Memory leak in Image Optimization #23189

Closed

henryStelle mentioned this pull request Apr 3, 2021

next image optimization significantly slower in next after 10.0.7 #23637

Closed

pi0 mentioned this pull request May 18, 2021

Support squoosh unjs/ipx#31

Closed

styfle mentioned this pull request Jun 10, 2021

Add errors for invalid placeholder=blur usage #25953

Merged

colinking mentioned this pull request Oct 16, 2021

[Bug]: Unable to install headlessui deps on M1 tailwindlabs/headlessui#868

Closed

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

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(next/image): remove `sharp` for wasm variant #22253

feat(next/image): remove `sharp` for wasm variant #22253

Timer commented Feb 17, 2021 •

edited

This comment has been minimized.

ijjk commented Feb 17, 2021

Diffs

Timer commented Feb 17, 2021

TrySound left a comment

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

ijjk commented Feb 17, 2021

Diffs

ijjk commented Feb 17, 2021

Diffs

ijjk commented Feb 17, 2021

Diffs

feat(next/image): remove sharp for wasm variant #22253

feat(next/image): remove sharp for wasm variant #22253

Conversation

Timer commented Feb 17, 2021 • edited

This comment has been minimized.

ijjk commented Feb 17, 2021

Stats from current PR

Diffs

Timer commented Feb 17, 2021

TrySound left a comment

Choose a reason for hiding this comment

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

ijjk commented Feb 17, 2021

Stats from current PR

Diffs

ijjk commented Feb 17, 2021

Stats from current PR

Diffs

ijjk commented Feb 17, 2021

Stats from current PR

Diffs

feat(next/image): remove `sharp` for wasm variant #22253

feat(next/image): remove `sharp` for wasm variant #22253

Timer commented Feb 17, 2021 •

edited