Islands Architecture

Definitions

1. A web architecture pattern where most of the page is static HTML, with small 'islands' of interactive components that are independently hydrated. Reduces JavaScript payload by only shipping code for interactive parts. Used by Astro, Fresh, and Eleventy.

   In plain English: A web design approach where most of the page is static and only the interactive bits load JavaScript.

   Example: "With islands architecture, the blog content is pure static HTML — only the comment form and search bar load JavaScript."

Related Terms

• Selector
• Connection Pooling
• Hydration
• Virtual DOM
• Debounce
• Throttle
• Load Shedding
• Code Splitting
• Skeleton Screen
• Optimistic Update
• Responsive Images
• Critical Rendering Path
• Thread Pool
• GraphQL Fragment
• Minification
• Server-Side Rendering