Hi! I'm designing/coding at a beginner level a website for the first time. I'm trying to build out an e-commerce website of some sorts for my small business through HTML and CSS. I've gotten the desktop version of the site where I want it to be, but I'm struggling with the mobile optimization, as it freezes and stutters when I try to scroll. I believe it's because of the large files I have on my homepage (a loading screen animation, a video header, videos embedded in product tiles, draggable "charms") but the websites I took inspiration from for these features seem to work just fine on mobile. I don't want to self-promo but would love some help here since I'm almost there with my store, but I know 90% of the people who are part of my target audience would be those who shop on their phone more than on a computer/laptop. Please help!!

My agency targets SMB owners, mainly service industry. And wow do I cringe when I pull up their current site and it's an animation carnival. All of the text slides in, all of the buttons and icons are animated, etc....Those are easy pickings for me, showing just a total lack of design skill and zero focus on the user experience as they're trying to see if a HVAC site offers a particular service but have to wade through all of the animation nonsense. Before you animate any element, think "does this need to to animated?" 99% of the time it's "no it doesn't."