所以经过多次挫折之后,我终于指出了这个问题。以下原因导致我的phonegap应用程序速度严重下降:
body.default {
background: #000000 url(../img/background.jpg) no-repeat center top fixed;
background-size: cover;
}
图像为1500 x 1500像素,约350Kb。我对它进行了优化并将尺寸减小到1000 x 1000.这导致最终尺寸为106Kb。
问题是,即使我这样做小,它仍然会大大降低应用程序的速度。但是,如果我有这个:
body.default {
background: none;
background-size: cover;
}
然后速度很快很快。所以我知道背景导致了缓慢。
我能做些什么来保持良好的品质作为背景,而不会影响性能?
更新
如果我将图像尺寸减小到36 kb,我就设法得到了“ok”结果。当然,然后我失去了很多质量,但它有一个叠加,所以它并不那么引人注目。但是,我认为它可能是背景大小:封面,可能效率低下,但我还没有测试过。我会继续努力......