記事「あなたのサイトを30分で診断する」で公開したスコア(総合58/C、読みやすさ15、スマホパフォーマンス50)を改善する全記録。当サイトのツールと手動対応で何をどう変えたか、Before/Afterの数値を正直に公開。宣言したからやる。
ベースライン(2026-03-17 記事公開時)
このスコアが出発点。ここからどこまで改善できるか。
web_analyzer 総合診断
総合スコア
58
グレード C
読みやすさ
15
要大幅改善
ナビゲーション
100
満点
アクセシビリティ
72
改善余地あり
SEO基本対策
85
良好
speed_checker Lighthouse(トップページ)
PC パフォーマンス
69
スマホ パフォーマンス
50
PC アクセシビリティ
78
スマホ アクセシビリティ
80
SEO
100
改善ログ
2026-03-17
ツール使用
Log #001: CSS/JS圧縮 — minify_sourcesツール(★ヤセルン)
当サイトのCSS/JS圧縮ツールで、CSS 8ファイル + JS 6ファイル = 計14ファイルを圧縮。全ファイル構文チェック通過。本番デプロイ完了。
ファイルサイズ削減304KB → 217KB(-28.6%、約85KB減)
PC パフォーマンス69 → 74(+5)
スマホ パフォーマンス50 → 49(±1 横ばい)
PC アクセシビリティ78 → 82(+4)
正直な評価: PCパフォーマンスは+5改善。しかしスマホパフォーマンスはほぼ変わらず。CSS/JS圧縮だけではスマホの表示速度は劇的に変わらないことが分かった。次は画像最適化やJS遅延読み込みなど、より深い改善が必要。悔しいが、これが現実のデータだ。
次にやること
- CSS/JS圧縮(minify_sourcesツール)
- 画像のWebP変換 + lazy loading(遅延読み込み)
- レンダリングブロックJS/CSSのdefer/async化
- 不要なサードパーティスクリプトの整理
- フォームラベル・空リンク修正(アクセシビリティ)
- 読みやすさ改善(ひらがな比率向上・専門用語の平易化)
- 構造化データの見直し・強化(make_structuresツール)
WEBサイト