Reducing TBT with Astro's Islands Architecture
Learn how Astro's Islands Architecture eliminates unnecessary JavaScript by using partial hydration and client directives to improve page load speed and TBT.
ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Learn how Astro's Islands Architecture eliminates unnecessary JavaScript by using partial hydration and client directives to improve page load speed and TBT.
Slow or blurry images on a published Behance project usually trace back to the source files, not the platform. A diagnostic guide: match the symptom, measure with dev tools, fix the assets, and know when to escalate.
Astro ships zero JavaScript by default; client directives decide when each interactive island hydrates. Learn what client:load, idle, visible, media and only actually do, with a worked chart example and the mistakes that quietly recreate SPA-sized bundles.
Stop shipping data-fetching logic to the browser. Learn how to use Next.js Server Components and Streaming to reduce bundle sizes and improve TTFB.
Learn how SolidJS eliminates the Virtual DOM using fine-grained reactivity. Explore the practical use of Signals and Memos to build high-performance UIs without unnecessary re-renders.
Deciding between Remix loaders and client-side fetching is a balance of TTFB and user experience. Learn when to use server-side loading, client-side requests, and the defer utility for streaming data.