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