アイキャッチ、スマホ対応 Tag - 魔ッドアングラー

WordPressでサイズの違うアイキャッチ画像をPC用とスマホ用で出し分ける

スマホ用にメディアクエリを設定してひと息ついた頃、PageSpeed Insightsを確認してみたら「モバイル」の速度がガタ落ちしていました。記憶では80点くらいあったのに、50点になっていました。

原因は画像。特にアイキャッチに使用している「722 × 234」ピクセルの元画像が大きすぎるようです。