I just launched my portfolio at https://www.webdevcompass.com/ and spent weeks obsessing over performance.
The results so far:
✅ Desktop: A flawless 100/100.
⚠️ Mobile: Stuck around 95.
I’m using React + TypeScript + Vite. To get these scores, I’ve already implemented:
Image preloading for LCP.
Lazy loading for all non-critical components.
Delayed rendering for heavy decorative elements.
The big question:
Is that final 5% on mobile even possible with a Client-Side Rendered (CSR) React app, or do mobile CPU limitations make it a lost cause?
I’d love to hear your best "secret" tips for squeezing every last millisecond out of mobile browsers. What am I missing? 🛠️
Frontend Developer | React & TypeScript Performance Nerd | 100/100 Lighthouse score enthusiast.
feixiangkuaile
Solo developer building AI tools for creators. Currently working on AI Image Upscaler, a 100% private browser-based photo enhancement tool.
Awesome work getting to 95 on mobile! The final 5% is almost always mobile JS execution time. A few quick wins: check your bundle with vite-bundle-visualizer, defer all third-party scripts, and test on real low-end devices. You’re super close! 🚀