如何临时暂停浏览器渲染,然后恢复整个页面
How to temporary suspend browser rendering then resume for the whole page
我知道这听起来可能很奇怪。请不要因为这件事就把这个想法当作无稽之谈。
自从复杂的GUI出现以来,暂停和恢复呈现是一件很常见的事情,在许多UI框架中,包括Java GUI和.NET都有类似的功能。这背后的主要思想是a)[不要使用不必要的资源]和b)[不要闪烁屏幕],同时多步骤屏幕/控制更新正在进行并处于临时阶段。
我主要关心的是导航。当用户从一个页面导航到另一个页面时,会出现难看的闪烁(总是在Chrome中)和大小调整。
我知道,使用AJAX技术和/或框架,我们可以在这方面提供帮助,简单地暂停/恢复渲染不会解决和优化带宽使用。尽管如此,即使在ajax优化的页面上,一个简单的暂停/恢复也会大大改善视觉效果,因为页面的一小部分停止闪烁、向上跳跃然后返回,或者滚动条停止显示然后消失等等。
我想知道,如今,当用户体验如此重要,它实际上推动了产品销售,并击败了并发产品时,仍然可以通过添加/使用这个简单的功能来改善浏览体验。
我想这可能是一个特定于浏览器的功能/破解,而不是标准的一部分(可以通过简单的Javascript调用获得)。顺便问一下,为什么不呢?
我有没有机会实现这种(或类似的)行为来改善我的网站用户体验?
提前感谢
您所陈述的目标:
a) [不要使用不必要的资源]和b)[不要闪烁屏幕],同时进行多步骤屏幕/控制更新并处于临时阶段
都是用SPA(单页应用程序)的方法解决的。它为您提供了许多不同的选项来控制应用程序状态的行为,并且不需要关心浏览器渲染。
最酷的是,人们可以根据需求和知识选择不同的技术堆栈。
例如:Angular或纯ASP.NET,或者中大量不同的框架
因此,如果要具体回答您的问题:在应用程序中呈现代码的特定部分时,暂停浏览器肯定会被认为是一种"糟糕的做法"。此外,请记住,支持和扩展修改正常执行线程的应用程序将变成噩梦和浪费时间。您需要深入了解您希望应用程序使用的每个浏览器的API,包括不同的设备和平台。
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- Javascript运行php文件,然后下载文件
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 弹出窗口出现,然后退出
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 将值输入到对象,然后该对象推送到数组
- 如何临时暂停浏览器渲染,然后恢复整个页面
- 在同一函数内停止间隔函数,然后恢复它
- jQuery,单击以放大图像,然后再次单击使其恢复到以前的宽度
- 在 ajax 调用之前替换按钮,然后在调用后恢复
- 将表转换为XML,然后使用Javascript/jQuery将其恢复为XML
- 如何隐藏然后恢复到初始状态(=不总是"块")
- 网站不能在移动设备上工作,然后在0.2秒内恢复到谷歌搜索
- 在缩略图上更改滑块图像.图像改变一秒钟,然后恢复
- 如何保存对象以供以后使用?通过JSON或其他方式发送并存储在DB中,然后恢复
- ExtJS 4.2 -约束窗口在最大化然后恢复后没有正确定位
- Jquery .off,然后将其恢复为on
- 暂停一个动画2秒,然后在jQuery中自动恢复它(不在鼠标悬停或鼠标移出中)
- Reactjs:复选框状态为更新,然后在回调函数终止时恢复