提高jQuery的性能，預加載，動畫和多少太多？

我看過所有類似的問題，但沒有一個看起來適合我的問題，所以我決定在這裏提出一個。提高jQuery的性能，預加載，動畫和多少太多？

我在網站上有一個照片庫頁面。它管理大約100個圖像。它工作得很好。但是，我對TQM（全面質量管理）和Kai Zen（永不完美，所以經常改進）感興趣。在這些方面，我有一些問題：

多少動畫在一個頁面上動畫太多？如果用戶使用該頁面時沒有滯後，這是否意味着動畫可以保留？
預加載多少預加載太多？我正在使用JavaScript和jQuery在頁面加載時緩存圖像。它只緩存其中的一部分，其他部分則在用戶導航時加載。我應該關心在客戶端使用圖像接管多少內存？我應該一次全部預加載，還是在用戶導航時？如果沒有滯後，我應該改變機制的工作方式嗎？

對不起了很多，沒有代碼的問題，但這些都屬於這一制度的實施，將極大地幫助我做一些出版前我的迭代。提前致謝。

來源

2012-01-05 Travis J

我認爲這裏的答案可能有點主觀。

我會說，就動畫而言 - 有兩件事會阻止我添加更多的東西 - 一種是當它開始時如果一切都在同時觸發時看起來不穩定/波濤洶涌（但想到用戶 - 你可能有一臺帶有現代硬件加速瀏覽器的高端個人電腦，但他們可能不會）。

然而，在那之前，我會看着頁面，看看我覺得有多惱人 - 有太多的東西，像動畫一樣，像很多事情一樣，你會發現越少越好。

對於第二個問題 - 緩存在哪裏是明智的。不要擔心內存，因爲客戶端會處理該內存，但擔心頁面加載速度。如果您的頁面未在合理的時間（幾秒鐘）內加載並準備好使用，請考慮預加載量較少並按需執行更多操作，因爲用戶體驗是關鍵。一個緩慢的網站是一個未讀的網站。

來源

2012-01-05 18:48:48 Codecraft

謝謝您的回覆Codecraft。沒有太多的動畫，菜單系統在打開時動畫，有一個小時鐘，當相冊被洗牌時，有一個專輯封面的動畫。 – 2012-01-05 18:55:43

至於預加載，它的預加載速度非常快，但有時需要的東西有時會顯示圖像在屏幕上的加載。這是否意味着我應該在開始時預加載入更多？ – 2012-01-05 18:56:14

這真的很依賴你的目標平臺和瀏覽器...

jQuery的動畫，動畫時間/迭代和參與會比動畫的一些其他的另一個因素財產。我會說：
- jQuery動畫是適用於桌面幾個人，除非沒有太多JS代碼佔用JS線程 - 檢查CPU使用率。（短，非循環，簡單的動畫不會推CPU太用力）
- jQuery的動畫是移動平臺不行，你應該使用CSS3動畫insteads
避免加載/預加載太多一次使用CPU資源和圖像預加載作爲網絡連接的圖像將佔用一定量的RAM。
（取決於你的圖像和用戶內存的大小 - 除非這是非常舊的機器或移動設備，或者它是大圖像，例如2048x1024，大多數現代桌面都可以）。
預先逐頁加載將是一個合理的方法。我的建議不到10，尤其是你有其他Ajax請求，你可能沒有火箭快速服務器，所以你的加載將仍然是合理的。

來源

2012-01-05 18:57:21 vincicat

jQuery動畫實際上適用於我的iPhone和Android :)什麼是CSS3動畫？ – 2012-01-05 19:01:35

我只是預加載1000x700的圖像，以便用戶不那麼難。我也只在開始時預加載約7張圖像，並允許其他人在導航時加載。感謝您的答覆！ – 2012-01-05 19:02:35

@TravisJ 1.某些類型的jQuery動畫會讓您的手機變慢。他們工作，但不像桌面一樣流暢。 2. 1000x700 x 7開始時可以，但用戶是否可以繼續在同一頁面上加載？當iphone上的頁面超過60個時，這可能會有問題。（甚至30，取決於內存和連接狀態） – vincicat 2012-01-05 19:12:50

提高jQuery的性能，預加載，動畫和多少太多？

回答

相關問題