Inizialmente ho provato a utilizzare SVG animati per la schermata di avvio. Sebbene questo funzioni sul desktop, ho scoperto che sui dispositivi mobili l’animazione diretta di percorsi complessi o elementi interni SVG provoca scatti e, in alcuni casi, l’interruzione delle animazioni.
Per garantire un’esperienza fluida, ho spostato la logica di animazione su un contenitore HTML standard (div) che avvolge l’SVG. Applicando le animazioni CSS (trasformazione, scala, opacità) al wrapper div invece che all’SVG, i browser mobili possono sfruttare l’accelerazione hardware in modo molto più efficiente, evitando scatti.