WordPressで構築したブログの画像が、Microsoft Edgeだと不規則に表示されない問題

Question

問題

• 他のブラウザだと問題なく表示されている画像が、Microsoft Edge（以下、Edge）だと不規則に表示されていないこと
• 上記と同様に、Edgeだと不規則に一部の画像が潰れていること

ググって分かっていること

• 画像が潰れてしまう件は、こちらの記事で、1件の解決策が見つかっている（まだ試していない => 直るかは定かではない）

未だに分かっていないこと

• Edgeだと一部の画像が表示されないこと（その画像は不規則）

上記の問題の解決策をご存知でしたら教えてください...。

Comments

[CHERRY]

手元の環境では、 WordPress 標準テーマ(初期状態)では発生しません。WordPress の環境やカスタマイズに依存していると思います。(Edge のバージョンかもしれませんが...) どのようなプラグインを使っているかどのようなテーマをカスタマイズしているか等がわからないと回答は難しいと思います。どのような HTML / CSS で、どのように表示されるのかを具体的に質問に記載していただけないでしょうか？

[spellbound]

ご回答ありがとうございます。質問に対する回答としては不十分かもしれませんが、Lazy Loadを導入したところ直りました。ただ、原因は分かっていません。画像が重いとおかしな挙動を出すのかもしれません。

[CHERRY]

画像が大量にある画像ギャラリーのようなページだったりするのでしょうか？

[spellbound]

そうですね。一記事当たり約10枚ほど写真があります。また、これはチューニング不足なだけですが、一枚一枚の画像が大きかったため、ファイルサイズも大きく、今回のような問題が発生していたと考えられます。

Answer 1

Edgeだけ適切に画像が表示されなかった

自分のサイトの場合は1つの記事当たり10枚前後の高画質な写真を掲載していました。
そのため、上記の問題が発生していた模様です。

解決策

Lazy Load（画像の遅延ロード）を導入することで、解決しました。