介绍
Island Architecture 是 Etsy 2019 年的前端架构师凯蒂·西勒-米勒由 Preact 先生作者构思——杰森·米勒先生。博客被传播
目前，岛式建筑是天文,马尔科,快客,新鲜的由 Web 框架使用，例如
什么是岛屿建筑
这是一种将页面的服务器呈现的静态部分与应用程序的交互部分分开的技术。
似乎把静态的部分比作大海，每一个漂浮在海面上的都是一个独立的岛屿（互动应用），因此被命名为岛屿建筑。
优点
第一个好处是性能。
大部分页面由静态 HTML 组成，在不需要的地方不加载 JavaScript，只加载应用程序的动态部分。
通过使用采用孤岛架构的框架，您可以指定使组件交互的时机，上图示例里面的图片轮播，交互优先级低，可以延迟加载，也可以通过优先加载交互优先级高的header部分来减少阻塞。
过失
缺点是岛架构中的每个页面都是一个独立的MPA，所以相比SPA，路由体验要差一些。
您可以从 Svelte 的创建者 Rich Harris 的这条推文中看到不同之处。
作为执行点击的人，我感觉非常明显。如果我们放慢速度并添加时间码，您可以看到从点击事件注册到页面更新的延迟。其中之一远低于 100 毫秒的阈值，感觉“即时”另一个不是。皮c。山雀河本 m/Kwuu FYm8Y
——里奇哈里斯（@Rich_Harris）2022 年 6 月 21 日请注意，MPA 和 SPA 是权衡取舍。这不是关于哪个更好，哪个更差。
Astro对MPA和SPA的比较文档很容易理解。综上所述
孤岛架构正在被新的 Web 框架采用，从 Astro 开始，所以我认为它在未来会变得流行。
最近天文1.0已经发布了，感觉是时候摸一摸了。
原创声明：本文系作者授权爱码网发表，未经许可，不得转载;
原文地址：https://www.likecs.com/show-308624372.html