perf: 本文のシステムフォント化とコントラスト修正(Lighthouse 改善) - #16
Merged
Conversation
Lighthouse 計測(モバイル Performance 62 / LCP 30.2s)で、ページ総量 5.5MB の 92% が日本語 Web フォント(Zen Maru + Zen Kaku 計5ウェイト、384ファイル)と判明。 - 本文フォントを Zen Kaku Gothic New からシステムフォントスタックに変更 (見出しの Zen Maru はブランド要素として維持) - ライトモードの primary を oklch(0.68 0.17 38) → oklch(0.56 0.17 38) に調整 (最悪背景に対し 4.84:1、白文字に対し 4.94:1 で WCAG AA を満たす。色相・彩度は維持) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This was referenced Jul 10, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
概要
Lighthouse 計測に基づくパフォーマンス・アクセシビリティ改善。
計測結果(本番、変更前)
原因: ページ総量 5,546 KiB のうち 5,093 KiB(92%)が日本語 Web フォント(Zen Maru + Zen Kaku 計5ウェイト、384ファイル)。LCP 要素(h1)がフォント到着時に再描画され、モバイル回線シミュレーションで LCP が 30 秒に。Accessibility 96 は primary
#ed6b42のコントラスト不足(2.69〜3.04)。変更(ユーザー承認済みの方針)
--font-sansを JP システムスタック(Hiragino 等)に。見出しの Zen Maru(500/700)はブランド要素として維持。フォントファミリー 2→1oklch(0.68 0.17 38)→oklch(0.56 0.17 38)。最悪背景 4.84:1 / ボタン白文字 4.94:1 で WCAG AA(4.5:1)達成。色相・彩度は不変でオレンジの印象は維持。ダークモードは変更なし検証
pnpm check/pnpm test(63件)/pnpm buildすべて exit 0🤖 Generated with Claude Code