PageSpeed Insights
モバイル ・ LCP 4.2 秒 ・ 2026.11.10 測定
- 80 Performance 表示の速さ
- 96 Accessibility 誰にでも使いやすいか
- 100 Best Practices 安全で標準的な作りか
- 100 SEO 検索エンジンに伝わるか
- 2/2 Agentic Browsing AI エージェントが扱えるか
版画家 おさのなおこ のポートフォリオサイトです。原画をスキャンしたデータをふんだんに使い、優しく温かい表情の木版画作品を、Webでもお楽しみいただけるようにしました。
設計
銅版画・木版画の両方を制作する作家ですが、2つの作風を同時に見せるデザインに寄せると、無機質なギャラリーに飾るように味気なくなってしまうため、思い切って木版画だけを見せる設計に切り替えました。
また作品そのものの味わいをWebで再現することは困難であったため、作品を透過PNGで和紙の背景に載せるという、Webならではの見せ方を選びました。
表示速度の改善
| Performance | LCP | |
|---|---|---|
| 改修前 (2026-11-04) | 65 | 29.8 秒 |
| 現在 | 80 | 4.2 秒 |
PageSpeed Insights のモバイル、トップページの値です。
作品画像が多いサイトなので、見た目をできるだけ変えずに、届ける量を減らすことを中心に進めました。
打ち手として、作品の画像を減色して圧縮しました。スキャンした PNG を 256 色に減らし、約 73% 小さくなりました。版画の色数なら、見た目の差はほぼ出ません。
また、本文の書体を OS の書体にしました。Webフォントを約 516 KB 減らし、LCP が 8.3 秒から 4.2 秒になりました。
このようなサイトを作りたい方は、お気軽にご相談ください。