Animation and 3D don't hurt SEO on their own. They hurt when they delay the main content, block clicks or move the layout, because that fails Core Web Vitals. With real HTML text, a fast first paint and WebGL loaded afterwards, an animated site can be fast and fully indexable.
How motion causes problems
A heavy WebGL scene can become the LCP element and delay it. Shader compiles and constant render loops keep the main thread busy and hurt INP. A canvas or embed without a set size pushes content down and causes layout shift. And text that only exists inside a canvas can't be indexed.
Want this handled for your site?
Book a callHow I keep it fast
Headings and copy stay in HTML. The first view paints from a normal image or text, and the 3D loads after the page is usable. I cap resolution, stop rendering when the canvas is off screen, reserve space for every canvas and only animate transform and opacity.
People who turn on reduced motion get a still version. The hero on my homepage works this way. The photo is the LCP, and the WebGL effect takes over once it's loaded.
Does Google penalise animation?
No. There's no penalty for animation. Google ranks content and uses page experience as one signal among many. Slow motion costs you on close calls and on people leaving early.
Questions
Is Spline or Three.js bad for SEO?
Not if the scene loads after the content and isn't the only place your text exists.
Should I lazy-load my hero animation?
Load the hero image or text normally so it can be the LCP, then start the animation once the page is ready.
What is prefers-reduced-motion?
A setting people turn on when motion makes them uncomfortable. Sites should respect it and reduce or remove animation.
Free 30 minute call about your site.
Book a call
Written by Mohamed Habib
I'm a certified Webflow Expert in Manila. I spent four years as a marketing coordinator in Saudi Arabia, earned a BSBA in Marketing Management with University Honors, and worked as a web developer at Headspace shipping about five pages a day. Now I build websites for clients directly.