asm.js 減量やってみた

Emscriptenでビルドされたjsファイルのサイズは巨大です。
サイズを小さくする手法をいろいろ紹介します。

Transcript

1. asm.js 減量やってみた うえした (@ueshita)
2. EmscriptenでCライブラリを移植してみた うごいた。 わーい！すごーい！たーのしー！
3. Webエンジニアに見せてみた Web「ええやん。便利やん！」 Web「そんで、(JSのサイズは)なんぼなん？」 ぼく「1.2MBです・・・(震え声)」 Web「・・・」
4. Webの世界でMBはデカすぎる jQuery : 100KB three.js: 500KB my-library.js : 1.2MB 圧縮しても 400KB！
5. 結果にコミットしたい JSファイルサイズを減量しないと（使命感）
6. 最適化オプションに -Oz を指定 -O2 → -Oz 50KB 減った！
7. --llvm-lto 1 を付ける 関数呼び出しがいい感じにインライン化される 40KB 減った！ --llvm-lto 2 or 3 等もあるが結果は変わらなかった。
8. -s NO_FILESYSTEM=1 を付ける 使用していないEmscriptenファイルシステムをカット (fopenとかfstreamが使えなくなります) 70KB 減った！ 清水さんゴメンナサイ・・・
9. いらないソースを削る マルチプラットフォームなライブラリなので、 Webでは絶対に使わないコードがある。 #ifdefを使って頑張って削った 240KB 減った！ 呼び出されない関数はリンクタイム最適化で捨てられるので、 無理に削る必要はない。
10. マクロをやめて関数にする ソースでCのマクロが多用されていた 同じ処理が色々なところに複製されている！ マクロをやめて関数にしてみた 50KB 減った！ inline関数でもいい感じにやってくれるかも
11. Emscriptenのバージョンを上げる 1.35.00 → 1.36.14 (sdk-incoming-64bit) 60KB 減った！
12. いろいろ減量してみた結果 1.2MB → 690KB gzip圧縮時 : 190KB いろいろ頑張ったけど、まだでかい・・・
13. ん？ WebAssembly・・・？ -s WASM=1 でビルド 無圧縮 asm.js比 サイズ 1/2！！ gzip圧縮 asm.js比 サイズ 2/3！！ 各ブラウザベンダー 早く対応してくれぇー！！