GoogleのNative LazyプラグインとSVGの相性問題

GoogleのNative LazyプラグインとSVGプラグインとの間には、一部のケースで相性問題が発生することがあります。この問題は、LazyプラグインがSVGの読み込みを遅らせ、その結果SVGが正しく表示されないというものです。

この問題を解消するための一つの方法は、SVG要素にclass="skip-lazy"を付けてLazyプラグインの処理をスキップすることです。これにより、SVGは通常通りに読み込まれ、表示されます。

例えば、SVGタグを次のように修正します:

<svg class="skip-lazy" ... >...</svg>

これにより、該当のSVGはLazyプラグインの影響を受けずに読み込まれます。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

上部へスクロール