滾動時滯時

Question

當我向下滾動頁面時，整個瀏覽器都滯後。只有一些瀏覽器比較滯後，例如谷歌瀏覽器在Windows 8.1上完美運行，但在蘋果機上滯後。

我無法確定可能導致問題的原因，因爲它在Google Chrome上每秒顯示超過30幀，我無法檢測到任何大內存泄漏或類似情況。另外，當我滾動很快時，有灰色/白色方塊。

我嘗試刪除CSS屬性可能會減少FPS如translate（）或灰色過濾器，但沒有任何幫助。該網站是http://bredymer.dk/biler.aspx（沒有www）。

Answer 1

因爲我不能重現它，所以我建議你開始反過來。從零開始構建頁面的副本，逐個添加元素塊並觀察瓶頸是否由元素的歡呼數量或特定塊引起。第一種情況有點難以解決，因爲你不得不在結構上重新設計網站，在第二種情況下，你將不得不查看該塊的具體原因。無論哪種方式，我的猜測是，所有那些position: absolute s不能真正健康的表現。浮動他們將是一個更清潔的解決方案，雖然很難用擴展盒編程。