es-toolkit/docs/ja/bundle-size.md
Yusuke Hayashi d45bc3352b
docs: Translate and create Japanese version (#432)
* docs: translate and create Japanese version

* docs: run prettier

* Apply suggestions from code review

---------

Co-authored-by: Sojin Park <raon0211@gmail.com>
2024-08-28 23:19:07 +09:00

2.1 KiB

description
es-toolkitが持つ小さなバンドルサイズ

バンドルサイズ

es-toolkitとlodashのバンドルサイズを比較するグラフ。es-toolkitは最大97%小さいバンドルサイズを持つ。

es-toolkitは現代的な実装を持っているため、他のライブラリと比べて非常に小さなバンドルサイズを持っています。lodashと比較すると、関数によっては最大97%小さいサイズになります。

この観点から、es-toolkitはバンドルサイズを削減するのに最も効果的な選択肢です。いくつかのユーティリティ関数は100バイト未満のサイズです。

バンドルサイズの比較

es-toolkit@0.0.1 lodash-es@4.17.21 Difference
sample 88 bytes 2000 bytes -95.6%
difference 91 bytes 3190 bytes -97.2%
sum 152 bytes 413 bytes -63.2%
debounce 144 bytes 1400 bytes -89.7%
throttle 110 bytes 1460 bytes -92.5%
pick 657 bytes 3860 bytes -83.0%
zip 797 bytes 1790 bytes -55.5%

バンドルサイズの測定方法

esbuild 0.23.0でバンドルサイズを測定しています。以下のようなコードを使用しています。

import { chunk } from 'es-toolkit';
// または import { chunk } from 'lodash-es';

console.log(chunk);

バンドルサイズ測定ベンチマークコードを参照してください。