当初、スプラッシュ画面にアニメーションSVGを使用することを試みました。これはデスクトップでは問題なく動作しますが、モバイルデバイスでは、複雑なパスやSVG内部の要素を直接アニメーションさせると、ラグが発生したり、アニメーションが停止したりすることがわかりました。
スムーズな体験を確保するために、アニメーションのロジックをSVGを囲む標準的なHTMLコンテナ(div)に移行しました。CSSアニメーション(transform、scale、opacity)をSVGではなくdivラッパーに適用することで、モバイルブラウザはラグなしでハードウェアアクセラレーションをより効率的に活用できます。