YAH*_*ves 6 html javascript performance
我正在开发一个在屏幕上显示图形的HTML 画布应用程序。图形对于网站来说并不重要,它们只是让事情看起来更漂亮。
我的问题是应用程序需要设备的CPU以一定的速度运行,否则帧速率变得不可接受。
任何现代手机/笔记本电脑都可以轻松运行该应用程序,但当然并不是每个人都拥有更新的技术。
那时我想放弃对该设备的支持并停止渲染动画,因为它弊大于利。
这个想法在互联网上非常标准。例如,如果您想要为网站提供图像背景,但不希望手机加载与桌面相同的大图像,那么您只需使用一些 CSS 查询来仅将图像提供给桌面。
这就是我们如何在保持向后兼容性的同时推出新功能。
然而,当谈到检测性能时,这并不像听起来那么容易。没有办法用 Javascript 来获取 CPU 规格,即使我可以,也没有办法知道用户在他们的机器上运行着什么。
这给我留下了两个选择,要么在启动画布应用程序之前运行一个小型性能测试。或者启动应用程序并尝试运行几帧,如果帧速率太低则停止它。
问题是这两个选项都非常粗略,因为设备在应用程序启动时可能会出现“速度打嗝”,所以我无缘无故地关闭了动画。
此外,如果用户的设备正好位于阈值边界上,有时动画会加载,有时则不会,这可能会造成混淆。
互联网上有没有任何“标准”来处理此类问题?当动画关闭时,最好在网站窗口底部留下脚注吗?
或者这只是你在突破界限和处理性能时必须接受的事情?