1. 首页
  2. css

CSSWeb内容如何影响电源使用

因为我们知道,所有使用电池供电设备的人都会时刻关注自己的电池电量,而且网站是电池电量的重要消费者,所以我们可能应该比现在更多地考虑这些问题。

我希望浏览器本身是我们在这方面的主要盟友,做一些聪明的事情来降低功耗,而不需要美国开发者考虑太多。但这些年来我们认识到,这永远是一种共同的责任。我们经常需要帮助浏览器尽其所能做好它的工作(想想有响应的图像和will-change)。一些来自Benjamin Poulain和Simon Fraser文章的直接提示:

  • 尽量减少计时器的使用以避免唤醒CPU。尝试将基于计时器的工作合并成几个不频繁的计时器。许多不协调的计时器会触发频繁的CPU唤醒,这比将其收集成更少的块要糟糕得多。
  • 尽量减少连续的动画内容,如动画图像和自动播放视频。特别要警惕,避免\”加载\”旋转gif或CSS动画,不断触发绘画,即使你看不到他们。IntersectionObserver只能在动画可见时用于运行动画。
  • 尽可能使用声明性动画(CSS动画和转换)。当动画内容不可见时,浏览器可以对其进行优化,而且比脚本驱动的动画效率更高。
  • 避免通过网络轮询从服务器获取定期更新。使用WebSockets或获取持久连接,我希望看到更多的开发人员工具,比如macOS如何使需要强大功能的应用程序更容易查看:

    <WebKit DevTools有它:

    <,但这已经被否决了,所以现在还不是故事的主要部分。

    我刚刚参加了网络自由会议,凯尔·辛普森在主题演讲中非常直接地谈到了这一点。他的主要想法是,我们应该更直接地询问用户,征求他们的喜好。嘿,用户,你是不是想用尽可能少的电池电量?告诉我们,我们会尽我们所能做到这一点(即使是在每个站点的基础上)。

    直接链接→

    CSSWeb内容如何影响电源使用 为WP2原创文章,链接:https://www.wp2.cn/css/cssweb%e5%86%85%e5%ae%b9%e5%a6%82%e4%bd%95%e5%bd%b1%e5%93%8d%e7%94%b5%e6%ba%90%e4%bd%bf%e7%94%a8/

发表评论

您的电子邮箱地址不会被公开。