优化动态页面加载时间的最佳实践(JSON生成的HTML)

Question

我有一个Rails应用程序，在这个应用程序中，我加载了一个基本的HTML布局，我用JSON中的div行填充主要内容。这分为两个步骤：

1. 呈现HTML
2. Ajax调用以获取JSON

这样做的好处是能够缓存HTML布局，而HTML布局变化不大，但它似乎有更多的缺点：

1. 2 HTTP请求
2. html并不那么复杂，生成的html是完成所有工作的地方，所以在我的具体情况下，我并没有及时保存那么多的
3. 请求，要求我们检查当前用户、他们的角色以及与该用户相关的一些事情，因此这2次调用在某种程度上涉及到了。

当然，memcached可能会解决很多问题，我想知道这里是否有一些最佳实践。我在想我能做到：

• 在script块中内联地呈现JSON的第一页以及script。这将减少需要用户身份验证的2个服务器调用。而且，假设80%的时间不需要进行第二个ajax调用(在本例中为分页/排序)，这似乎是一个相当好的解决方案。

你对如何处理这个问题有什么想法？

Answer 1

做这样的事情有好处也有缺点。一般来说，我认为这只是一个好主意，如果您通过ajax调用延迟的任何内容都会延迟页面加载，从而使页面上的大多数用例都会让最终用户感到烦恼。

一个很好的例子就是浏览github上的存储库。90%的时间只需要导航这些文件，因此它们使用ajax加载来填充页面加载后每个文件的提交消息。

这听起来像是你试图加快速度或为你的用户做一些花哨的事情，但我认为你应该考虑的是，哪些部分是缓慢的，以及页面加载的速度(可能是关于页面上的什么信息)在你的用户期望的。正如您所说，使用memcached或片段缓存很可能会给您带来您想要的改进。

Answer 2

你在使用某种监控工具吗？我使用的免费版本的新文物RPM上的Heroku。它为单个控制器操作提供了大量的请求时间数据。这样的数据可以帮助您集中您的优化过程。