javascript - 如何使用渐进增强技术来渐进加载缓慢的页面？

Question

我在 ASP.NET MVC 中有一个门户页面，其中包含几个不同的部分(部分 View )，其中一些部分在用户第一次访问它们时不可避免地会变慢，因为它们必须拉入最新的来自外部互联网来源的日期数据。

部分数据几乎可以立即加载，但旧的“Web 1.0”设计只会进入“加载”页面，直到所有数据可用.我试图通过立即显示本地 数据来改善用户体验，然后在几秒钟后使用几个 ajax 更新来显示远程数据。

当然，我想使用渐进增强来做到这一点，以防 Javascript 中断、被阻止或出于任何原因不受支持。我的第一个想法是使用元刷新并使用 javascript 禁用它，但是 apparently that's impossible .我也 强烈 反对 window.location 重定向的想法，因为 (a) 它非常容易感知，与服务器重定向不同，并且 (b) 它很好地在JS 重定向工作但 ajax 仍然中断的可能性范围(想想 IE6，行为不端的移动设备等)

有什么方法可以构建分阶段加载但仍可使用纯 HTML 的页面吗？

Answer 1

我过去用几种方法解决了这个问题:一种是为慢速内容创建单独的页面，这样那些没有或由于某种原因没有得到 JS 的用户可以点击一个链接到获取内容。体验不同，但有效。

另一种方法是在延迟的区域有一个“显示”链接。 JS 删除链接并插入内容。如果用户想要查看内容，他们会单击链接，触发不会延迟内容的刷新。