PageSpeed Insights
モバイル ・ LCP 0.9 秒 ・ 2026.11.10 測定
- 100 Performance 表示の速さ
- 100 Accessibility 誰にでも使いやすいか
- 100 Best Practices 安全で標準的な作りか
- 100 SEO 検索エンジンに伝わるか
- 2/2 Agentic Browsing AI エージェントが扱えるか
QWEL.DESIGN のポートフォリオ・ちいさなサイト工房・Co-Pilot のサイトです。ちいさなサイト工房と同じ仕組み (Markdown の原稿から作る、管理画面もデータベースもないサイト) で作っています。
設計
UI/UX開発を売りにしたポートフォリオサイトなので、プログラムによるアニメーションの描画でビジュアルを演出し、画像をほとんど使わないことで、かなり軽量な設計を意図しています。
表示速度の改善
| Performance | LCP | FCP | TBT | |
|---|---|---|---|---|
| 改修前 (2026-11-04) | 98 | 1.7 秒 | 1.7 秒 | 40 ms |
| 現在 | 100 | 0.9 秒 | 0.9 秒 | 20 ms |
PageSpeed Insights のモバイル、トップページの値です。
プロトタイプの時点から高成績でしたが、組み直しに加えて「Webフォントを、使う文字だけに絞る」工夫も加え、全スコア満点になりました。
この機能は、v1.3.1 版として、「ちいさなサイト工房」で使っている仕組みに汎用的に使えるようにしました。
このように、「ちいさなサイト工房」で使っている仕組み（「Markdown Engine」と命名しています）は、常日頃から改善の手を加えています。
Markdown Engine について詳しく知りたい方は、「仕組みが気になる方へ（技術的な説明）→」をお読みください。
このようなサイトを作りたい方は、お気軽にご相談ください。