Is my initial loading animation hurting my SEO ranking?



I previously used to make mobile apps before coming to web, and one thing we took serously was the splash screen and its animations. When starting web dev I didn't take SEO much into consideration and went with the same mindset of a pretty initial splash screen, and built a website that has a rather detailed initial loading;

First the logo in the header shows up while everything else is hidden by a 0 opacity, and when some important stuff finish loading like some images the user will see immediately, one by one other parts of the website fade in, each with a little delay to make the animation look better. That whole thing takes around 2 seconds.

I've tried optimizing the page to have some good ranking, but google is giving it an LCP of 4.1 seconds. The page has around 500 words in it, a few svgs, and around 100 shop items, of which only 5 have `eager`ly loaded images and the rest are set to `lazy`.

i can't think of anything that might be causing this, so is it because of the initial animation that I'm getting such a bad LCP score? Is there a way to tell google that the website is done loading and the rest is cosmetic, so the page is not penalized? When I asked this of google Gemini, it told me to remove the animations and try not to trick google, is it right?

submitted by /u/SIMMORSAL
[comments]



Source link

Related Articles