PR
TIPS

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プラグインの影響を受けずに読み込まれます。

この記事を書いた人
Naokazu Yokoo

エンジニア歴20年以上。現在はWeb / AI領域で活動中。
開発環境・サーバー環境ともに速度と効率性を追求しています。

Follow Naokazu Yokoo
Follow Naokazu Yokoo

Comment

タイトルとURLをコピーしました