我最近注意到，在我的 2020 款搭载 M1 芯片的 MacBook Air 上，Safari 浏览器中的动画出现严重卡顿，于是深入研究了原因。
原因
这不是一个 bug。而是一个 特性。
默认情况下，macOS Monterey 在电池供电时会启用“低电量模式”，并在使用电源适配器时禁用该模式。看起来，Safari 浏览器被编程为将此设置解释为应减少屏幕刷新次数以延长电池续航时间。
在我的 MacBook Air 上，这意味着从 60fps 降到了 30fps。
M1 Mac 上 Safari 浏览器的低帧率问题
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度！
我一直在苦苦思索为什么我的网站在这个全新的尖端 M1 芯片上运行缓慢。衷心感谢！我现在可以休息了……而且，拔掉的头发也会长回来，对吧？
现在，如果我们引入 will-change 或 contain-visibility 会怎么样？这可能会很有趣。
大多数用户只会认为他们正在浏览的网站是一堆臃肿的垃圾。
至少在电池供电时应该显示一条消息。我相信还有更多耗电的动画，例如视频，会快速消耗电池电量。
我觉得这太过了。这真的能节省多少电量？如果答案是“不多”，那么这件事就不应该存在，如果答案是“相当多”，那么对于一台本来性能强大的机器来说，这也太糟糕了。
是的，我认为 ProMotion 显示屏和 Safari 浏览器中的“request animation frame”之间存在问题。我没有看到它降到 30fps，但可能接近 10fps。看起来这应该在更新中修复，不值得担心。