我正在尝试改善用户对某些网页的页面加载时间的感知。这些网页大约需要 5 秒才能完成加载和渲染。整体时间还不错；但是在单击链接以加载页面时，大约 4.5 秒内没有任何 react ，然后整个页面一次出现。这会破坏用户体验，因为用户在单击链接后会想知道是否发生了任何事情。
据我了解，浏览器应该在可用于呈现页面部分的资源可用时逐步呈现网页。我看到推荐的一件事(例如 YSlow 推荐的:)是将 css 放在头部，将 javascript 放在结束 body 标记附近 - 或尽可能靠近页面末尾。我已经这样做了，但是我没有看到页面渲染的初始部分，然后暂停加载 javascript。据我了解，理论上，一旦加载了所有 CSS，页面将开始逐步呈现。我也明白，当任何 javascript 正在执行/下载时，页面会暂停渲染。
还有什么会影响 IE 上的渐进式渲染，尤其是在 IE7 上？
最佳答案
我发现 javascript(特别是一些 jQuery 选择器)正在减慢速度并阻止页面呈现。我们首先通过删除一些重复选择相同元素的代码来优化 jQuery 代码。然后将代码下移到 $.ready 以便在页面加载后执行。
总体而言，这使我们的页面加载时间提高了 2 秒，并允许逐步加载更多页面。
关于internet-explorer-7 - Internet Explorer 7 中网页的渐进式呈现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1518585/