客户端渲染框架的5大好处

将客户端技术集成到 Web 架构中是很有利的，客户端渲染也有好处。即使你的组织严重依赖服务器端技术，也要考虑客户端渲染的这五个好处，看看它们是否适合你的工作。

1. 减少服务器端工作量

React 和 Angular 等客户端渲染技术使用客户端设备上的处理器来执行大部分逻辑。这意味着处理能力从服务器卸载并转移到客户端。因此，对昂贵的服务器端硬件机架的需求就消失了，因为负载分布在嵌入在 iPhone、Android 设备和用户查看你的站点的台式计算机中的所有微处理器上。

然而，客户端框架的一个潜在缺点是设备性能不足的用户可能会遇到延迟，因为他们的设备难以呈现页面。但是，随着 CPU 变得更便宜、更强大，这个缺点已经不再那么令人担忧了。

2. 改进的关注点分离

当一种通用的服务器端语言同时用于客户端和服务器端渲染时，很容易走捷径将这两种技术松散耦合，这是有道理的，因为当所有 Java 代码都部署到同一台服务器并准备好相同的后端资源时，JSF 开发人员很容易快速进行数据库调用以获取必要的信息，而不是等待让另一个开发团队创建一个做同样事情的 RESTful 服务。

客户端渲染的好处之一是所有对服务器的调用都必须通过 RESTful 接口，无法直接查询数据库或将消息推送到服务器端主题或队列，架构本身要求开发人员松散耦合服务器和客户端之间的关系。

3. 降低服务器端成本

由于客户端渲染框架只是将一组基于文本的文件推送到客户端，因此组织只需为服务器端托管产生最低成本。事实上，Web 浏览器运行 Angular 或 React 应用程序所需的资源都可以托管在低成本的内容交付网络上，这不仅成本低，而且像 JDK Mission Control 这样的 Java 分析器表明，这种方法可以显着减少网络延迟时间。

4. 更容易的代码部署

将 EAR 和 WAR 文件部署到 Tomcat 和 Jetty 等应用程序服务器并不是特别繁重，但也不是很简单。Maven 构建、服务器重启和有状态数据同步只是与部署服务器端渲染技术相关的一些问题。

在部署方面，客户端渲染技术的一大好处是它的简单性。Angular 或 React 应用程序只是 HTML、JSON 和基于文本的 JavaScript 文件的集合。新版本的部署只需要开发人员在 Web 服务器上更新这些文件。企业部署确实比 Apache Web 服务器上的几个文本文件更新更简单。

5.客户端渲染意味着更好的客户端体验

这个网站很难宣布客户端技术在容量上比服务器端技术更明显和确定的赢家。但是，我认为管理状态转换并允许用户在不刷新页面的情况下从一个页面导航到另一个页面的单页面接口 (SPI) 比通过使用传统 Servlet 和基于 JSP 的应用程序提供的用户体验要好得多。

随着jQuery、Agular、React、Vue等前端框架的出现，前端开发可独立于后端项目，页面渲染模式也转向了客户端渲染。客户端渲染同时支持前后端分离，能充分使用前端框架的强大功能，能够帮助前端开发更好地管理代码，更有效率地开发、调试、测试。