网页架构的变迁

网页渲染的工作逐渐由后端转为前端主导。

静态网页

1.内容不变：静态网页的内容在请求期间保持不变。每当用户访问静态网页时，它们看到的内容都是固定的，并且不会根据用户的操作或数据更改。

2.简单：静态网页通常是由HTML、CSS和JavaScript等前端资源组成的，并且不需要后端伺服器的动态处理。这使得它们相对简单且易于部署。

3.性能：由于内容固定，静态网页通常具有优于动态网页的性能，因为它们可以被轻松地缓存和快速载入。

动态网页

1.内容根据用户请求动态生成：动态网页的内容是根据用户的请求和数据动态生成的。它们通常需要后端伺服器来处理用户请求，并生成相应的内容。

2.交互性：动态网页通常具有更高的交互性，因为它们可以根据用户的操作执行各种动作，例如登录、提交表单、数据查询等。

3.複杂性：动态网页的开发通常複杂一些，因为它们需要前端和后端的结合，并且可能使用多种技术，如资料库、伺服器端脚本语言（例如Node.js、Python、Ruby等）。

伺服器渲染
Server-Side Rendering，简称SSR，是一种网页应用程式开发方法，其中网页内容在伺服器端生成并传送到浏览器，而不是完全依赖客户端（浏览器）来渲染页面。

伺服器渲染缺点

1.伺服器压力：SSR需要伺服器端动态生成每个请求的HTML内容，这可能对伺服器造成较大的负载，尤其是在高流量时。这需要伺服器拥有足够的计算资源，否则性能可能下降。

2.较高的伺服器成本：由于伺服器需要动态生成页面，SSR的伺服器成本通常较高。伺服器需要处理更多的请求和计算，可能需要更多的伺服器资源。

3.较慢的首次载入时间：儘管SSR有助于SEO，但在首次载入时，由于伺服器端渲染和资料撷取，页面的首次载入时间可能较长。这可能导致用户在等待页面载入时感到不满。

4.较複杂的开发和维护：实现SSR需要更多的複杂性，包括伺服器端路由、资料撷取和客户端-伺服器端的状态同步。这可能使开发和维护应用程序变得更具挑战性。

5.有限的客户端互动性：虽然SSR可以提供基本的客户端互动性，但对于高度互动性的应用程序，需要额外的客户端代码以实现複杂的用户互动。这可能需要使用客户端JavaScript框架，如React或Vue，并将其与SSR结合使用。

6.可能的不一致性：由于SSR和客户端渲染之间的差异，可能会出现页面不一致性的问题。这需要特别小心管理，以确保页面在不同渲染模式下一致。