服务器端VS客户端呈现的模板性能

Server side VS Client side rendered template performance?

本文关键字：性能 VS 客户端 服务器端      更新时间：2023-09-26

之间是否存在可注意的性能差异

完全在服务器端呈现模板，并将其作为静态html传递给客户端。

VS

使用AngularJS等框架在客户端上渲染模板，该框架通过ajax调用加载数据。

一个示例用例可以是为一个博客加载100条评论的列表。（我不确定这是否是这个问题的最佳用例）。这可以在Angular中完成，方法是获取JSON数据，然后将其传递给控制器，然后控制器通过数据绑定呈现视图。对于静态页面，它可以完全在服务器上呈现，并直接在客户端上提供服务。

我正在考虑以下因素来考虑性能差异：

  1. 在DOM树上插入新节点所花费的时间。（在Angular的情况下）
  2. 应用css样式所花费的时间
  3. 请加上我遗漏的其他内容

我认为这两种方法之间的主要区别是：

（服务器端渲染）在服务器端呈现时，浏览页面的人可以使用所有内容，但页面加载需要更长的时间

（角度/客户端渲染）页面的初始加载时间更快，但要等待几秒钟才能使用ajax获取内容。

角度渲染数据所需的时间可以忽略不计。一旦数据被加载，AngularJS可能会更快地获得新数据，因为你不必刷新整个页面等。

应用CSS是在客户端任意一种方式完成的

相关文章：