Cold Start & Hydration Optimizer

This skill focuses on the 'Flicker' and 'Lag' users feel when a modern JS app first loads.

Instructions

1. Optimize Server-Side Rendering (SSR) to reduce 'Time to First Byte' (TTFB).
2. Implement 'Partial Hydration' or 'Resumability' (Qwik, Astro patterns).
3. Minimize the 'Hydration Gap' where the page is visible but not clickable.
4. Pre-fetch critical data and assets before the user needs them.
5. Defer non-critical JS to reduce main-thread blocking.

Examples

• "Reduce the hydration time of this heavy React landing page."
• "Optimize a Next.js site to achieve a 100/100 performance score."