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

How to temporary suspend browser rendering then resume for the whole page

本文关键字:恢复 然后 暂停 何临时 浏览器      更新时间:2023-09-26

我知道这听起来可能很奇怪。请不要因为这件事就把这个想法当作无稽之谈。

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

我主要关心的是导航。当用户从一个页面导航到另一个页面时,会出现难看的闪烁(总是在Chrome中)和大小调整。

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

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

我想这可能是一个特定于浏览器的功能/破解,而不是标准的一部分(可以通过简单的Javascript调用获得)。顺便问一下,为什么不呢?

我有没有机会实现这种(或类似的)行为来改善我的网站用户体验?

提前感谢

您所陈述的目标:

a) [不要使用不必要的资源]和b)[不要闪烁屏幕],同时进行多步骤屏幕/控制更新并处于临时阶段

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

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

例如:Angular或纯ASP.NET,或者中大量不同的框架

因此,如果要具体回答您的问题:在应用程序中呈现代码的特定部分时,暂停浏览器肯定会被认为是一种"糟糕的做法"。此外,请记住,支持和扩展修改正常执行线程的应用程序将变成噩梦和浪费时间。您需要深入了解您希望应用程序使用的每个浏览器的API,包括不同的设备和平台。