エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【WV.6】WordPressテーマ作成における画像読み込みとサイズ最適化 – Capital P – WordPressメディア
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【WV.6】WordPressテーマ作成における画像読み込みとサイズ最適化 – Capital P – WordPressメディア
Core Web Vital の連載6回目では、画像周りの処理を上げる。これはテーマに関わることであり、多くの場... Core Web Vital の連載6回目では、画像周りの処理を上げる。これはテーマに関わることであり、多くの場合テーマ本体の修正を必要とするだろう。今後テーマを新たに開発するケースがある場合は参考にして欲しい。LCPおよびCLSに関わる改善点だ。 Page Speed Insightsでの指摘 基本的には次の対処を行う必要がある。 widthとheightの指定ファーストビューに入らない画像の遅延読み込みpicureタグまたはsrcsetによる最適化された画像の出力 それでは、一つ一つ紹介していこう。 widthとheightの指定 画像にはwidthおよびheightを指定する必要がある。なぜかというと、その指定があれば、ブラウザは実際の画像を読み込む前にその画像のサイズがわかるからである。CSSで画像の表示サイズを変更するとしても、画像のサイズは必ず記載するようにしよう。Core W