在iOS瀏覽器上的Webkit滾動性能

Question

我已經繼承了一個網站項目，其任務是使其在移動設備（特別是iOS）上表現更好。該網站的滾動速度非常慢，部分頁面需要很長時間才能加載。我已經嘗試了大部分的滾動修復，例如-webkit-overflow-scrolling：touch;並transform：translate3d（0,0,0）;但沒有任何運氣。我還嘗試在桌面上的Chrome開發工具中深入瞭解渲染工具，以查看是否有任何問題出現。我很茫然。

這裏的鏈接：http://www.seacoastsciencecenter.org/

Answer 1

我們可以使用Chrome網上應用Profiler來確定什麼是吃了這麼多的CPU。請注意，這可能會在手機上花費更長的時間。

它看起來像你的情況，skrollr.min.js被佔用了大部分CPU，所以我想嘗試擺脫這一點，並堅持到內置的滾動方式。有沒有什麼理由需要一個特殊的圖書館來滾動？