我正在重建一个最初用PHP编码的Electron / Node.JS中的应用程序。我是从一个服务器 - 客户端风格的PHP程序，它必须在服务器上运行并从浏览器加载到一个独立的一体式应用程序。它专为Raspberry Pi设计，但它也适用于大多数其他系统。它有几个元素，包括天气预报区，BBC的RSS新闻源和YouTube iFrame播放器。
一个特殊的元素是一个时钟，它有三个活动部分：秒针，分针和时针。在原始程序中，此时钟是使用HTML Canvas绘制的，并使用基本JavaScript根据当前时间确定指针的移动。在我正在制作的Electron / Node.JS版本中，我找到了一个更简短的方法，使用一个名为Moment.js的JavaScript库，使用一个简单的函数，并使用jQuery和CSS将三个div元素设计为看起来像手和动画。
我的问题出现在哪里，Raspberry Pi上资源密集程度较低：HTML Canvas或JavaScript / CSS？我知道更多图形繁重的应用程序，比如基于网络的游戏，画布绝对优越，但仅仅3个简单元素呢？ JS / CSS版本的代码肯定更短，只有十几行JS代码，并且除了手上的一般样式之外，只有几行重要的CSS转换代码。画布代码超过100行。 JS / CSS版本的整个组合代码，包括一般的CSS样式，甚至不长80，其中只有1/4实际上是动画重要代码。但是，我知道代码长度并不能转化为代码效率。
所以考虑到这一点，哪个会在Raspberry Pi上提供最少的资源？我需要每一滴效率都能得到，因为虽然目前的版本在我的Raspberry Pi 3上运行良好，但我知道年龄较小/功能较弱的Pi可能会开始看到性能下降，尤其是在流式传输YouTube时。 Pi 3的效率微小提升可能会转化为应用程序实际上正在处理类似旧版Pi 2 A的东西。
（如果你想要特定的代码示例，我也可以发布这些代码）