解決したいこと
メインビジュアルの表示が遅くて悩んでいます。
対応としては下記はやりました!
・画像の圧縮
・preloadで、先読みもさせています。
・ファーストビューのCSSはインラインで記述しています(クリティカルCSS対応)
(ちなみにメインビジュアルの画像はキャッシュコントロールもサーバ側で設定しています)
・amp-imgも使ってみましたが、lazyloadの読み込みマークが表示してはくれますが
読み込み自体は速さを感じませんでした。
デブツールのタイムラインを見ると
preloadを使っているので、確かに早い段階で、該当の画像ファイルは読み込まれているのですが
なぜか、画像の表示がすぐではなくて、1秒くらい白い状態になってから画像が表示されます。
この状態を解決したいのですが、他に何か出来ることはありますでしょうか?
画像自体は17KB (解像度は W640px H654px)です
サーバはHTTP1.1です。
(HTTP2にすることは、現実問題、すぐには難しいのでそれ以外でお願いいたします。)
お詳しい方、その他の対応をご存知の方、おしえていただけますと助かります。
どうぞ宜しくお願いたします。
回答1件
あなたの回答
tips
プレビュー