1

現在、モバイルサイトで作業しています。その上で、次のようにマークアップされた画像のグループがあります。

<a href="/link/"><img alt="image" src="/assets/image.jpg" /> Link</a>

最初に Android (複数のデバイス) からサイトにアクセスすると、これらの画像が読み込まれますが、粗くピクセル化されてレンダリングされます。ただし、デバイスでページを更新すると、画像が再読み込みされ、意図したとおりに鮮明に表示されます。これは iPhone で 1 回しかテストしていませんが、最初のロードでは問題ないように見えたので、これは Android 固有のものだと思います。

これらを HTML で配置するのではなく、CSS で背景画像として設定しようとしました。サイズを宣言する画像に直接インライン スタイルを配置してみました。どちらのアプローチでも、問題はまったく同じままでした。

それぞれ約 3kb で、9 個あります。サイトの残りの部分はそれほど重くなく、これらの画像がこのページの唯一のコンテンツです。ページの読み込みを高速化するために Android が設定する制限または制約があるに違いないと確信していますが、その場合、それを回避する方法はありますか?

残念ながら、スクリーンショットや URL を投稿することはできません。

前もって感謝します!

4

0 に答える 0