关于移动web设计如何省电 #笔记 更新20140829

最近看到一篇文章：

http://radar.oreilly.com/2014/04/5-ways-to-improve-battery-life-in-your-app.html

这篇文章一如其标题，讨论了如何在app中节电的问题....（其实道理在web上也适用）
首先我们都知道——减少不必要的后台进程和服务 = = ！

其次  减少JS以及不必要的CSS，以及网络连接....

再次  非AMOLED屏幕也居然能从深色界面中获得节电效果？！

使用GPU？——听起来很高级 所以我其实也不知道是啥

当然..令人震惊的部分是——使用JEPG比PNG更加省电？？！！
http://mobisocial.stanford.edu/papers/boneh-www2012.pdf（这篇文章也如是说）

我的怀疑是这和浏览器的实现有关 比如google chrome使用skia
http://www.linuxgraphics.cn/android/skia.html(这是skia的介绍）
http://www.atoker.com/blog/2008/09/06/skia-graphics-library-in-chrome-first-impressions/（同上）

PS
http://mobisocial.stanford.edu/papers/boneh-www2012.pdf
根据这篇论文GA会导致cache失效

.........................更新.................................................................................
1 html5 里面可以调用接口看电池电量（我记得这个API但是当时没发现支持性那么差）

2 根据这篇文章 HTML5 Battery电池状态相关API简介 同样也还有很多技巧
其中比较特别的是减少听觉和振动输出，以及利用page visibility API在线程上做优化

3 感知手机电能以及充电状态，只能做出判断才是重要的事情（比起简单的节电）

4 根据MDN Battery Status API你们都是坏人！只有FF支持！

5 其实绘制动画也是可以的 不过要使用requestAnimationFrame以免随便降低计时器频率
这个似乎涉及浏览器的时钟频率相关（好厉害的样子！