javascript - 如何暂时暂停浏览器渲染然后恢复整个页面

Question

我知道乍一看这可能听起来很奇怪。请不要仅仅因为这个就放弃这个想法。

自从复杂的 GUI 出现以来，暂停和恢复渲染是很常见的事情，在包括 Java GUI 和 .NET 在内的许多 UI 框架中都有类似的功能。这背后的主要思想是 a) [不要使用不必要的资源] 和 b) [不要闪烁屏幕]，同时进行多步骤屏幕/控制更新并处于临时阶段。

我主要关心的是导航。当用户从一个页面导航到另一页面时，会发生丑陋的闪烁(始终在 Chrome 中)并调整大小。

我确实知道，使用 AJAX 技术和/或框架我们可以对此提供帮助，并且简单地暂停/恢复渲染并不能解决和优化带宽使用等问题。尽管如此，即使在 ajax 优化的页面上，简单的暂停/恢复也会极大地改善视觉效果，只是因为页面的一小部分停止闪烁、向上跳然后返回，或者滚动条停止显示然后消失等。

我想知道，如今，当用户体验如此重要时，它实际上会插入产品销售，并击败并发产品，但仍然可以通过添加/使用这个简单的功能来改善浏览体验。

我认为这可能是浏览器特定的功能/黑客行为，而不是标准的一部分(可通过简单的 Javascript 调用获得)。顺便说一句，为什么不呢？

我是否有机会实现此(或类似)行为来改善我的网站用户体验？

提前致谢

Answer 1

您设定的目标:

a) [do not use resources unnecessary] and b) [do not flicker the screen] while a multi-step screen/control update in progress and being in temp stages

都是通过SPA(单页应用)的方式解决的。它为您提供了许多不同的选项来控制应用程序状态的行为，并且不需要您关心浏览器渲染。

最酷的事情是，人们可以根据需求和知识选择不同的技术堆栈。

例如:Angular或纯ASP.NET ，或大量不同的框架 there

因此，如果要具体回答您的问题:在应用程序中渲染特定代码部分时暂停浏览器肯定会被视为“不好的做法”。另外，请记住，支持和扩展修改正常执行线程的应用程序将变成噩梦和浪费时间。您需要深入研究您希望应用程序运行的每个浏览器的 API，包括不同的设备和平台。