ポートフォリオサイト
Webサイトの基本情報
- 制作時間：
- 3週間
- 担当工程：
- デザイン コーディング wordpress導入
- 使用技術：
- HTML CSS SASS jQuery Wordpress オリジナルテーマ
Work
お問い合わせ
contact
お問い合わせフォームより、お問い合わせください。 また、メールでのお問い合わせでも可能です。
お問い合わせフォームへ
・画像には適切なalt属性を設定し、アクセシビリティとSEOを考慮。
・ファーストビュー画像にはfetchpriority="high"を指定し、CSSで高さを確保することでCLS（Cumulative Layout Shift）の発生を抑制。
・すべての画像にwidth・height属性を指定し、レイアウトシフトを防止。
・ファーストビュー以外の画像にはloading="lazy"を設定し、初期表示の負荷を軽減。
・画像は圧縮ツールを使用して軽量化し、ページの表示速度向上を図りました。
・skillセクションの要素のmin-heightを指定した表示速度対策
また、Google ChromeのLighthouseを用いて品質を確認し、以下のスコアを達成しています。
・Accessibility：96
・Best Practices：96
・SEO：100
Performanceについては63点となりましたが、現在はLCP（Largest Contentful Paint）の改善手法を学習しており、今後さらなる表示速度の最適化に取り組んでいきます。