3 Subtle Mistakes That Slowed Down My Web App (And How I Fixed Them)

**

1. Too Many Uncompressed Images

**
🚫 Used raw PNGs and full-res images directly.
✅ Fixed by lazy loading + converting to WebP + using srcset.

**

2. Client-Side Rendering for Everything

**
🚫 My homepage took 4s to load because all data fetched after render.
✅ Switched to SSR (Next.js) + cached API data = instant first paint.

**

3. Ignoring Lighthouse Suggestions

**
🚫 Didn't care about accessibility or

unused JS.
✅ Ran PageSpeed Insights regularly and removed unused packages, reduced bundle size by 40%.