當使用大型背景圖片時，jquery動畫在Internet Explorer中不穩定

Question

我正在使用動態擴展背景圖片（類似於新的谷歌主頁背景圖片功能）。我有一個jquery lavalamp動畫菜單，位於大背景圖像的頂部。

jquery動畫在所有瀏覽器中都很好用，除了（你猜對了）IE之外。在IE8中，它是波濤洶涌。

我已經排除了調整背景大小的JavaScript，因爲我可以禁用頁面上的所有JavaScript（動畫除外），並且手動爲圖像添加一個較大的寬度和高度屬性，並且獲得相同的影響。

有關如何解決此問題的任何想法？

Answer 1

我會建議在IE中禁用動畫。對於大多數jQuery動畫，我認爲你所需要做的就是將持續時間設置爲0，或者至少縮短持續時間。

您可以進行其他優化以使頁面在IE中更快地呈現（例如調整CSS）。有一百種不同的晦澀難懂的黑魔法代碼技巧，您可以嘗試使JavaScript更快。您還可以使用腳本基準測試工具，如Y！Slow。的幾個環節，可以幫助你：

Y慢腳本性能準則：

http://developer.yahoo.com/yslow/help/#guidelines

IEBlog：JavaScript性能建議：

http://blogs.msdn.com/b/ie/archive/2006/08/28/728654.aspx

谷歌網頁速度的工具，最佳實踐：

http://code.google.com/speed/page-speed/download.html