在我们看到 Astro 的实际应用之前，我们需要了解它的架构。为此，让我们首先提醒自己单页应用架构的优缺点。SPA 将网站的所有功能和内容抽象为 JavaScript 组件。

对于首屏的定义，浏览器没有给出标准的指标，因为不同网站对于首屏的要求也是不尽相同的。我们从谷歌的第一次有效时间（first meaningfull paint）得到了一些启发，例如，一个新闻网站文字跟字体对于它来说是更重要的

在大前端盛行的今天，似乎前后端分离的开发模式才是大势所趋，而SPA的概念更是应运而生。现在随便构建一个web应用程序如果你不是使用SPA的话，就会感觉有点low，但是真的是这样吗？

SPA 是一种特殊的 Web 应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 HTML 、 JavaScript 、 CSS 。

单页Web应用就是只有一张Web页面的应用，是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的Web应用程序，是指在浏览器中运行的应用，在使用期间不会重新加载页面。

前端框架时代，为开发体验、效率与页面性能带来，非常大的革命。大家纷纷拿起一系列打包工具(webpack/parcel etc.)，配合一系列加载器快速搭建起一个 SPA 页面。