服务器端VS Client端呈现模板性能？

Question

之间是否存在明显的性能差异：

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

VS

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

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

我正在考虑考虑性能差异：

1. 在DOM树上插入新节点所花费的时间。 （如果是Angular）
2. 应用css样式所需的时间。
3. 请添加我错过的任何其他内容。

Answer 1

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

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

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

角度渲染数据所需的时间我可以忽略不计。一旦加载了数据，AngularJS可能会更快，例如获取新数据，因为您不必刷新整个页面等。

在客户端以任何方式应用CSS