حاولت في البداية استخدام SVG متحرك لشاشة البداية. وعلى الرغم من أن هذا يعمل على سطح المكتب، إلا أنني اكتشفت أنه على الأجهزة المحمولة، يؤدي تحريك المسارات المعقدة أو العناصر الداخلية لـ SVG مباشرة إلى تأخر في الأداء وتوقف الرسوم المتحركة حتى.
لضمان تجربة سلسة، نقلت منطق الرسوم المتحركة إلى حاوية HTML قياسية (div) تحيط بـ SVG. ومن خلال تطبيق رسوم CSS المتحركة (transform, scale, opacity) على غلاف div بدلاً من SVG، يمكن للمتصفحات المحمولة استخدام التسريع بالأجهزة بكفاءة أكبر دون تأخر.