Phonegap上的背景图片会导致令人难以置信的缓慢?

时间:2015-08-11 15:45:03

标签: css cordova background-image

所以经过多次挫折之后,我终于指出了这个问题。以下原因导致我的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”结果。当然,然后我失去了很多质量,但它有一个叠加,所以它并不那么引人注目。但是,我认为它可能是背景大小:封面,可能效率低下,但我还没有测试过。我会继续努力......

0 个答案:

没有答案
相关问题