我目前正在设计一个使用画布绘制和动画移动星星作为背景的网站。它看起来不错，但我对性能有些担忧。
目前，如果它是任何版本的 IE（即使 IE9 + 10 支持画布 - 它会减慢它们的速度），它也会回到平面背景，对于移动/任何其他不支持画布的浏览器也是如此。
在我的特定设置中，它在最新的 chrome/firefox/safari + opera 上运行良好，但我不知道这是否会让浏览器不错但性能不佳的计算机无法使用该网站。
问问题
274 次
1 回答
1
考虑以下因素很重要：
- 浏览器，一些浏览器的画布性能很差
- 设备，速度较慢的设备会表现不佳，可能会对整个站点产生负面影响
正如评论中所述，考虑背景运动不会太分散注意力也很重要。
使用移动设备和平板电脑，您应该能够合理地检测该设备是否是您想要运行它的设备。
剩下的，你可能会做一个简单的动态测试：当网站加载了动画背景时，运行性能测试：尝试尽快更新画布。如果您使用它获得足够高的帧速率，您可以放心地假设用户的设备能够充分渲染画布。对于 fps 低于预期的设备，请禁用背景。您还可以包含一个用于将来访问的 cookie，它会自动禁用/启用背景。
于 2013-07-16T14:26:38.723 回答