Why Islands architecture optimizes performance in Astro - Quick Recap

Recall & Review

beginner

What is the main idea behind Islands architecture?

Islands architecture splits a webpage into small interactive parts called islands, which load and run JavaScript only where needed, improving performance.

beginner

How does Islands architecture reduce JavaScript loading?

It only loads JavaScript for interactive islands instead of the whole page, so less code runs and loads faster.

intermediate

Why does Islands architecture improve page load speed?

Because static parts render quickly without JavaScript, and only small islands hydrate later, the page becomes usable faster.

intermediate

What is hydration in the context of Islands architecture?

Hydration means activating JavaScript on a small island after the static HTML loads, making that part interactive without slowing the whole page.

beginner

How does Islands architecture help with SEO?

Since most of the page is static HTML, search engines can easily read content without waiting for JavaScript, improving SEO.

What does Islands architecture mainly optimize?

A JavaScript loading and page interactivity

B Database queries

C Image compression

D Server CPU usage

Islands architecture focuses on loading JavaScript only where needed to improve interactivity and speed.

In Islands architecture, when is JavaScript loaded for an island?

A After the user clicks anywhere

B For the entire page at once

C Only when the island needs to be interactive

D Before the HTML loads

JavaScript loads only for interactive islands, not the whole page.

What is a benefit of static HTML in Islands architecture?

A Slower SEO

B More animations

C Larger file sizes

D Faster initial page load

Static HTML loads quickly, making the page usable faster.

What does hydration do in Islands architecture?

A Activates JavaScript on a small part of the page

B Compresses images

C Deletes unused CSS

D Loads the entire page again

Hydration activates JavaScript only on the interactive islands.

How does Islands architecture affect SEO?

A Requires JavaScript to see content

B Improves SEO by serving static content

C Blocks search engines

D Slows down crawling

Static HTML content is easy for search engines to read, improving SEO.

Explain how Islands architecture improves web page performance.

Think about how loading less JavaScript helps speed.

Describe the role of hydration in Islands architecture and why it matters.

Hydration is about turning static parts into interactive ones.