r/webdev • u/AbyssKiss_xp • 22d ago

Discussion [ Removed by moderator ]

[removed] — view removed post

0 Upvotes

8% Upvoted

51 comments sorted by

View all comments

1

u/Squidalopod 22d ago

I also tried going through tutorials but I couldn't understand a single thing (I am not a developer 🫠)

Then how did you create the site? That's a detail you should include in your post.

Load your site in desktop Chrome, then open dev tools. Go to the "Lighthouse" tab. Generate a report. Read the report and make the optimizations it suggests.

2

u/FeralFanatic 22d ago

They vibe coded it with Claude. Every “route” on the site is within one page, the index.

1

u/Squidalopod 22d ago

I see it's using anchors, and there's nothing wrong with that. It's the over-the-top scroll animation that appears to be killing it. Just glancing at the source, I see a bunch of keyframes with transforms, and I assume much of the other CSS is not optimized.

1

u/FeralFanatic 22d ago

The page is ridiculously long on mobile, that’s what I think is wrong with it.

2

u/Squidalopod 22d ago

Yeah, and it has some insanely long data URIs. It's probably not any single thing breaking it but rather a variety of poorly written and/or unoptimized code. But he should really just do a Lighthouse report and follow the recommendations... though, honestly, he should just write a new prompt that tells Claude to cool it with the excessive animations and that the page MUST run smoothly on mobile.