在后端或前端列出集合

Question

我是NodeJS的新手，我需要一些建议。 我有一个页面显示一个用户列表，我使用Mongoose从集合中检索此列表。 我知道两种显示此列表的方法：

1）在加载页面之前在后端进行查询，然后将结果发送到视图：

// app.js
var users = Users.find({}, function(err, results){
    res.render('list', { users: results});
});

2）加载页面后，以异步方式在前端进行查询。 示例，使用角度

// users.js
var User = $resource('/getUsers');
User.query(function (results){
    $scope.users = results;
});

// users.html
<ul>
    <li ng-repeat="user in users"{{ user.name }}></li>
</ul>

// app.js
app.get('getUsers', function(req, res){
    Users.find({}, function(req, results){
        res.json(results);
    })
});

我希望一切都清楚。 就最佳实践和/或性能而言，最佳方法是什么？

谢谢

Answer 1

从用户体验的角度来看，首先总是在服务器上进行渲染，然后仅在内容更新，在客户端上进行渲染（或者实际上是在服务器上查询更新的HTML内容）时，总是比渲染更好。在客户端上）。 完整的客户端渲染通常会导致页面加载时间更长，在客户端（尤其是在移动设备上）上使用大量的CPU资源，并且由于异步请求和页面上的许多部分更新而经常闪烁。

话虽这么说，在某些情况下，客户端呈现是有意义的，例如，某些内容太长而无法一次加载，并且最好显示页面和进度指示器，例如“我们正在加载您的数据...” 。 但是，对于大多数面向内容的网站和门户，几乎完整的服务器端渲染是一种更好的方法。

Answer 2

为了在这里扮演恶魔的拥护者，我将不得不不同意@Andrew Skylyarevsky。

我认为以内容为导向的网站平均来说，比服务器端应用程序更像是前端繁重的应用程序。 如果向用户提供的页面内容经过大量自定义以满足他们的需求，而性能是您的目标，那么从为客户提供加载页面和进行交互所需的最少内容的服务中，您将获得最佳的用户体验。 所有进一步的数据都应通过asyc调用返回，例如您在前端重型应用程序中看到的那样。 如果它是服务器端渲染的繁重应用程序，那么作为用户，您将期望后续对内容的请求导致服务器端页面重新加载。

我同意@Andrew的观点，前端方法的缺点之一是初始加载时间，用户必须等待数据返回并呈现。 但是，可以并且应该通过各种技术来减轻这种情况。 服务器与前端的实现与开发人员所做的工作量和复杂性差不多。 但是，如果您正在寻找对用户（性能高手）近乎仿佛的体验，则需要一个良好的实施方案并仔细考虑前端繁重的应用程序。 某些事情仍然应该在后端完成，但是大多数技术都发生在前端。 一种这样的方法就是为用户提供尽可能少的服务，并在后台触发后续请求。 调整这种体验并不容易。

我应该注意，我来自从事多个位于浏览器前端的企业级应用程序的工作背景。 我还将许多服务器端应用程序迁移到了前端应用程序，并且看到了性能和用户体验方面的好处。 所以我有偏见。 只是需要深思。