@@ -50,35 +50,35 @@ const bundleSizeRows = [
5050 {
5151 artifact : 'react-tooltip.min.mjs' ,
5252 v5Raw : 22704 ,
53- v6Raw : 20749 ,
54- rawDelta : - 1955 ,
55- rawDeltaPercent : - 8.6 ,
53+ v6Raw : 21846 ,
54+ rawDelta : - 858 ,
55+ rawDeltaPercent : - 3.8 ,
5656 v5Gzip : 7670 ,
57- v6Gzip : 7192 ,
58- gzipDelta : - 478 ,
59- gzipDeltaPercent : - 6.2 ,
57+ v6Gzip : 7562 ,
58+ gzipDelta : - 108 ,
59+ gzipDeltaPercent : - 1.4 ,
6060 } ,
6161 {
6262 artifact : 'react-tooltip.min.cjs' ,
6363 v5Raw : 23414 ,
64- v6Raw : 21067 ,
65- rawDelta : - 2347 ,
66- rawDeltaPercent : - 10.0 ,
64+ v6Raw : 22163 ,
65+ rawDelta : - 1251 ,
66+ rawDeltaPercent : - 5.3 ,
6767 v5Gzip : 7733 ,
68- v6Gzip : 7167 ,
69- gzipDelta : - 566 ,
70- gzipDeltaPercent : - 7.3 ,
68+ v6Gzip : 7527 ,
69+ gzipDelta : - 206 ,
70+ gzipDeltaPercent : - 2.7 ,
7171 } ,
7272 {
7373 artifact : 'react-tooltip.umd.min.js' ,
7474 v5Raw : 23691 ,
75- v6Raw : 21357 ,
76- rawDelta : - 2334 ,
77- rawDeltaPercent : - 9.9 ,
75+ v6Raw : 22476 ,
76+ rawDelta : - 1215 ,
77+ rawDeltaPercent : - 5.1 ,
7878 v5Gzip : 7824 ,
79- v6Gzip : 7259 ,
80- gzipDelta : - 565 ,
81- gzipDeltaPercent : - 7.2 ,
79+ v6Gzip : 7631 ,
80+ gzipDelta : - 193 ,
81+ gzipDeltaPercent : - 2.5 ,
8282 } ,
8383 {
8484 artifact : 'react-tooltip.min.css' ,
@@ -95,13 +95,13 @@ const bundleSizeRows = [
9595
9696const packageSizeSnapshot = {
9797 v5Tarball : 212464 ,
98- v6Tarball : 114179 ,
99- tarballDelta : - 98285 ,
100- tarballDeltaPercent : - 46.3 ,
98+ v6Tarball : 119728 ,
99+ tarballDelta : - 92736 ,
100+ tarballDeltaPercent : - 43.6 ,
101101 v5Unpacked : 894316 ,
102- v6Unpacked : 483478 ,
103- unpackedDelta : - 410838 ,
104- unpackedDeltaPercent : - 45.9 ,
102+ v6Unpacked : 517595 ,
103+ unpackedDelta : - 376721 ,
104+ unpackedDeltaPercent : - 42.1 ,
105105}
106106
107107export default function BenchmarkPage ( ) : React . JSX . Element {
@@ -398,9 +398,19 @@ export default function BenchmarkPage(): React.JSX.Element {
398398 </ table >
399399 </ div >
400400 < p className = { styles . cardText } >
401- These numbers were measured from the built < b > dist/</ b > artifacts and the packed
402- npm package for each version, so they reflect shipped output rather than source
403- size.
401+ These numbers were measured from the published npm packages for{ ' ' }
402+ < b > react-tooltip@5.30.1</ b > and < b > react-tooltip@6.0.0-beta.1179.rc.12</ b > .
403+ </ p >
404+ < p className = { styles . cardText } >
405+ The packed npm tarball also drops from{ ' ' }
406+ { formatBytes ( packageSizeSnapshot . v5Tarball ) } to{ ' ' }
407+ { formatBytes ( packageSizeSnapshot . v6Tarball ) } (
408+ { formatByteDelta ( packageSizeSnapshot . tarballDelta ) } { ' ' }
409+ { formatPercent ( packageSizeSnapshot . tarballDeltaPercent ) } ), and the unpacked
410+ package drops from { formatBytes ( packageSizeSnapshot . v5Unpacked ) } to{ ' ' }
411+ { formatBytes ( packageSizeSnapshot . v6Unpacked ) } (
412+ { formatByteDelta ( packageSizeSnapshot . unpackedDelta ) } { ' ' }
413+ { formatPercent ( packageSizeSnapshot . unpackedDeltaPercent ) } ).
404414 </ p >
405415 < p className = { styles . cardText } >
406416 For the full migration surface between v5 and v6, including API changes and new
0 commit comments