GoogleのNative LazyプラグインとSVGプラグインとの間には、一部のケースで相性問題が発生することがあります。この問題は、LazyプラグインがSVGの読み込みを遅らせ、その結果SVGが正しく表示されないというものです。
この問題を解消するための一つの方法は、SVG要素にclass="skip-lazy"
を付けてLazyプラグインの処理をスキップすることです。これにより、SVGは通常通りに読み込まれ、表示されます。
例えば、SVGタグを次のように修正します:
<svg class="skip-lazy" ... >...</svg>
これにより、該当のSVGはLazyプラグインの影響を受けずに読み込まれます。