互換性を保ちつつモダンなJavaScriptでパフォーマンス最適化

レガシーなJavaScriptコードは、最新のものと比較して一般的に20%大きくかつ遅くなり、依存ライブラリによってはポリフィルの重複も発生。世界的に見て、95%のブラウザはES2017の構文に対応。

webpack用のOptimize Pluginを使うと、module/nomoduleパターンによるモダン向けとレガシー向けの別々のバンドルが可能。ポリフィルはレガシー向けのみに含まれるため効率的。

RollupではNative Modules Boilerplateが参考になる。modulepreload用のリスト生成もあり。