Misskey frontend での vvi build strategy ベンチマーク

[tamaina]

Misskey frontend を vvi に移行したブランチで、build strategy ごとの frontend build 時間を測りました。

条件

• Misskey branch: perf/vvi-frontend-build
• Misskey commit: 8a6301fac9
• vvi commit: 0e51a09
• Node.js: v24.15.0
• pnpm: 11.1.2
• OS: Linux aarch64, 4 CPU
• 計測日: 2026-05-25 JST
• 計測回数: 各3回
• 計測対象: pnpm --filter frontend build の wall time
• ハーネス: 各 strategy の計測前に pnpm build-pre と pnpm --filter i18n build を1回実行し、その後 built/_frontend_vite_ を消して3回 frontend build

baseline の locale-inliner は vvi 移行前の旧来ブランチで測った結果です。vvi 側は同じ Misskey 移行ブランチで VVI_BUILD_STRATEGY を切り替えて測っています。

結果

strategy	runs	median	min	max	output files	total	JS	CSS	locale JS
locale-inliner	36.20s, 27.89s, 31.62s	31.62s	27.89s	36.20s	13,775	160.61 MiB	158.39 MiB	0.31 MiB	0
vvi virtual	21.85s, 18.97s, 19.31s	19.31s	18.97s	21.85s	783	12.14 MiB	9.92 MiB	0.31 MiB	0
vvi inline-chunks	62.41s, 47.90s, 47.89s	47.90s	47.89s	62.41s	6,911	70.27 MiB	68.18 MiB	0.31 MiB	6,156

メモ

• virtual はこの条件では locale-inliner より速く、生成物もかなり小さくなりました。
• inline-chunks は locale ごとの JS chunk を大量に出すため、build time は今回の3戦略で最も遅いです。ただし locale-inliner より生成物総量は少ないです。
• inline-chunks build 後の smoke check:
  • built/_frontend_vite_/manifest.json: exists
  • locale chunk count: 456 for *.ja-JP.js / *.en-US.js smoke pattern, total locale JS count from harness: 6,156
  • unresolved inline marker / $locale.env / $l.env: 0
  • $locale. match が1件ありますが、これは vvi runtime の fallback string $locale.${scope}.${path} で、Misskey 側の置換漏れではありません。
• build 中に Misskey 側の create-search-index analysis warning、Rolldown の chunk warning / ineffective dynamic import warning、vite-vue-internationalization や CSS plugin の plugin timing warning が出ますが、3 strategy とも build は成功しています。

raw result files in workspace:

• built/benchmark/frontend-build/2026-05-24T19-51-25-029Z-locale-inliner.json
• built/benchmark/frontend-build/2026-05-25T01-55-41-596Z-vvi-virtual-computed.json
• built/benchmark/frontend-build/2026-05-25T01-59-28-005Z-vvi-inline-chunks-computed.json