如何使用渐进增强技术逐步加载慢速页面？

Question

我在ASP.NET MVC中有一个门户页面,有几个不同的部分(部分视图),其中一些在用户第一次访问时会不可避免地变慢,因为它们必须从中获取最新的数据.外部互联网资源.

其中一些数据几乎可以立即加载,但旧的"Web 1.0"设计只是进入"加载"页面,直到所有数据都可用.我试图通过立即显示本地数据来改善用户体验,然后使用几个ajax更新在几秒钟后显示远程数据.

当然,我希望使用渐进式增强功能,以防Javascript中断,被阻止或因任何原因而不受支持.我的第一个想法是使用元刷新并使用javascript禁用它,但显然这是不可能的.我也强烈反对window.location重定向的想法,因为(a)它是高度可感知的,不像服务器重定向,并且(b)它完全在JS重定向工作的可能性范围内,但ajax仍然打破(想想IE6,不良行为的移动设备等)

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

Answer 1

我想这取决于您提取的数据的性质，但在这种情况下，“渐进增强”可能会向没有可用 JavaScript 的客户端提供没有外部内容的页面，然后提取并插入内容尽可能使用 javascript。就我个人而言，我会（稍微）担心“没有 javascript 可用”的情况，但不关心“javascript 中断”的情况，因为 javascript 中的错误处理可以处理“ajax 无法正常工作”的情况。