jquery.animate（）的性能 - 圖像文件大小與圖像尺寸大小

Question

我正在構建一個網站，其中將有很多圖像和很多jQuery動畫。在一頁上，我們有幾個部分，每個部分的前景都有20個圖像的網格，這些圖像通過jquery.animate（）定期自動重新定位，並且具有受視差滾動影響的背景圖像。

有時候我們會在動畫中變得渾身發抖。所以我試圖找到優化的方法。內容人員正在上傳高質量的圖像。我想問他們降低質量。

之前，我這樣做，我很好奇怎麼以下每一項影響動畫的性能，並且如果一個比另一個更重要的是：

• 圖像文件大小
• 圖像尺寸大小
• 其他圖像屬性考慮

人可以優先考慮這些因素基於這會影響動畫表現的是什麼？

Answer 1

文件大小不應該影響動畫幀率，只會影響下載時間。當更多像素動畫時，動畫會受到影響。例如，一個100x100px的圖片是10,000px的動畫，而一個500x500px的圖片是250,000個像素的動畫。如果我沒有回答所有問題，請告訴我。

要回復你對你的問題的評論：一旦圖像被渲染，圖像是否是PNG，JPG等無所謂。