2023 年 10 个前端 Web 发展趋势总结！( 二 ) _前端

文章插图

不过，CSR、SSR、SSG 并不是渲染技术的最新趋势。虽然 SSR 和 SSG 几年前就开启了性能优化的趋势，但增量静态再生 (ISR) 和流式 SSR 等更细致的渲染技术开始活跃起来。前者推进了 SSG，因为允许在每个页面的基础上静态重建网站（例如每 60 秒重建页面 X），而不是重建整个网站。更进一步，按需 ISR（也称为按需重新验证）可用于通过应用程序公开的 API 触发重建（例如，当 CMS 数据更新时）。

ISR（Incremental Static Regeneration）即增量式静态再生，是一种用于生成静态网页的技术。它在现代静态网站生成器和框架中得到广泛应用，旨在提高网站生成的效率和性能，同时解决 SSG 不适合高度动态内容的这个问题

另一方面，流式 SSR （Streaming Server-Side Rendering）优化了服务端渲染的单线程瓶颈。普通 SSR 必须在服务器上等待数据才能将渲染的内容立即发送到客户端，而流式 SSR 允许开发人员将应用程序划分为多个块，这些块可以从服务器逐步并行发送到客户端。流式SSR 可以显著加快页面加载速度，提供更好的用户体验，并对搜索引擎优化产生积极影响。
在过去的几年里，SPA/MPA 中的 SSG 和 SSR 渲染模式非常简单。然而，如今更微妙的版本正在流行。但不仅 ISR 和 SSR 流变得更加相关，而且 Partial Hydration（例如 React Server Components）允许仅在客户端上对部分组件进行 Hydration，Progressive Hydration 可以对 Hydration 的顺序进行更细粒度的控制，Island 用于 MPA 中的独立应用程序或组件的架构（例如 Astro），以及使用可恢复性而不是水化（例如带有 Qwik City 元框架的 Qwik）如今正在成为有效的方法。
边缘无服务器SSR 和 SSG 等渲染技术与边缘无服务器趋势高度相关，因为两者都是由性能驱动的，目标是在浏览器中提供无缝的用户体验。从本质上讲，为用户提供更快的网站和 Web 应用程序服务的渴望激发了人们对边缘无服务器的兴趣。
无服务器（Serverless），也称为无服务器函数、无服务器计算（例如 AWS Lambda）或云函数（例如 google/Firebase Cloud Functions），多年来一直是云计算的大趋势。虽然无服务器仍然意味着拥有正在运行的（远程）服务器，但开发人员不必管理服务器及其相关任务（例如基础设施按需扩展）。相反，开发者必须将单个功能部署为无服务器功能，由云提供商负责。

文章插图

无服务器功能释放了另一个优势，因为不必将应用程序服务器部署到一个（或几个）数据中心，而是可以在世界各地有数十个数据中心。因此，在完美的世界中，无服务器功能将尽可能靠近用户运行，因为这意味着最短的客户端-服务器往返行程，从而改善用户体验。将无服务器功能部署得尽可能靠近用户，创造了术语“边缘计算”和“边缘功能” 。
许多云提供商（例如 Cloudflare 和 Cloudflare Workers、Vercel 和 Edge.NETwork、Deno 和 Deno Deploy）都在这个领域展开竞争，每个人都在优化最终用户的最佳交互时间 (TTI) 体验。边缘功能不仅可以更快地提供 SSG/SSR 内容（因为到最终用户的线路更短），而且还可以将其结果缓存到离用户更近的地方。
但不仅性能很重要，即使它是主要驱动因素，边缘计算也会带来其他好处，比如降低成本。例如，通常并非客户端和服务器（此处为边缘函数）之间发送的所有数据都需要由主数据中心计算。在物联网中，有大量不相关的数据（例如每帧没有变化的视频记录）发送到主数据中心，这些数据可以简单地在边缘进行过滤。毕竟，边缘函数只是开始。
数据库复兴随着无服务器（边缘）的出现，数据库也经历了复兴。使用无服务器函数时，开发人员很快就会遇到打开过多数据库连接的问题，因为没有一台服务器保持一个连接打开，而是有许多无服务器函数与数据库建立了 1:1 连接。连接池已成为此问题的解决方案，但要么必须自己处理，要么让第三方服务来处理。
无服务器数据库领域的热门竞争者是 PlanetScale (MySQL)、Neon (PostgreSQL) 和 Xata (PostgreSQL)，它们具有许多功能，例如数据库分支、模式比较和强大的搜索/分析/见解。当谈到世界各地的无服务器时，其都提供边缘缓存或分布式只读数据库，使数据更接近用户，以最小化延迟。
如果第三方服务不仅要分发数据库，还要分发应用程序，那么 Fly.io 会将所有内容打包到一个平台中。这让我们不仅仅局限于数据库，数据库中也发生了很多变化。Railway 被视为 Heroku 的继任者，它提供了平台即服务 (PaaS) 部署技术堆栈所需的一切。如果想在服务链上向后端即服务 (BaaS) 迈进一步，可以使用 Supabase 获得 Firebase 的开源替代方案，它附带应用程序/数据库托管、身份验证和边缘功能。