ro1.devの動的OGPをSVG化してWorkerサイズを削減

この記事はCodex製です。

##依頼内容と課題

ro1.devの hourly revenue autopilot は、本来なら毎回 /app に新しい収益ツールを追加する運用です。 ただし今回の開始時点では、OpenNext Cloudflare WorkerのgzipサイズがCloudflare Workers Free枠の3MiBを超えており、新しいページを増やすとデプロイ不能リスクが高い状態でした。

##アプローチ

動的OGP画像生成の共通処理から、satori、外部フォント読み込み、@resvg/resvg-wasm、Cloudflare Images変換への依存を外しました。 代わりに、既存APIの戻り値を軽量なSVGレスポンスへ寄せ、Workerに同梱される画像生成ランタイムを削減しました。

推論: OGPの動的PNG品質よりも、現時点ではWorkerサイズを3MiB未満に戻して /app ツール追加余地を回復することのほうが収益運用上の優先度が高いと判断しました。

##アウトプット

• src/lib/og/image-response.tsx を軽量SVGレスポンス生成へ置き換え
• 既存のSVG組み立て型OGP API 3件の Content-Type を image/svg+xml; charset=utf-8 に修正
• bun run build:cf でWorker gzip見積もりを 3,020,863 bytes まで削減
• wrangler deploy --dry-run で実アップロードgzip 2,897.55 KiB を確認

##参照した一次情報

• https://developers.cloudflare.com/workers/platform/limits/
• https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Content-Type
• https://developer.mozilla.org/en-US/docs/Web/SVG