Make your vibecoded app fast: thirty rules are going around, five mov…
A list of thirty speed rules is going around ([Instagram reel DfT4YlOgvGJ](https://www.instagram.com/reel/DfT4YlOgvGJ/)), with no order and no measurement. This kit sorts them by where the time is lost: measure first, then the database, the weight sent, perceived speed, and only then the heavy parts.
Why
Thirty performance rules in no order waste more time than they save. You apply the ones you already know, and cannot tell which one helped. Worse: the list puts a missing index, which changes everything, on the same level as a Redis cache, which adds a service to watch. Sorting by where the time is lost gives five moves in an order you can check. Measurement opens and closes every step: without it, you are only guessing. A limit to keep in mind: the list comes from a single video, with no measured figure. The rules are common web development practices, not results demonstrated by its…
When
Phase: the app works but visitors wait or leave. Audience: whoever built their app with an agent, with no performance specialist alongside. ✅ You know it is your kit when Your pages take several seconds to show on an ordinary phone You have a list of speed settings and do not know where to start You hesitate to add Redis or a second server ❌ Not for this kit Your site must be usable by…
Tools included
- Claude Code
- Lighthouse Mcp
- Postgresql
- Cloudflare
- Vercel React Best Practices