什麼讓網站在滾動時感到沉重？

我剛剛完成，建立了我的第一個網站，但問題是它感覺沉重，即向上或向下滾動感覺像波濤洶涌。頁面加載最初相當不錯（5秒），但一旦你在那裏感覺與blaze.com在沉重方面非常相似。什麼讓網站在滾動時感到沉重？

這是什麼讓網站感到沉重，以及找出原因是什麼故障排除步驟？這是一個帶有幾個jquery插件的html網站。我一直在搜索「沉重的網站」，「波濤洶涌的滾動」等，但沒有太多出現，除了通常的「懶惰你的圖片」或其他。（我這樣做。）大多數人似乎關心初始加載速度，但不是一旦你在網站上滾動的感覺。

有什麼可能的罪魁禍首？

對我來說，這感覺就像一個記憶的東西。就像當你打開Photoshop並且電腦開始滯後時一樣。

來源

2012-10-15 user1691389

太多的威士忌對我來說每次都是這樣。 – paddy

請鏈接到您的網站？ –

你有一些綁定到'$（window）.scroll（）'事件的功能嗎？這可能是問題的原因 – billyonecan

那麼，除了提到的工具之外，找到問題的過程相當簡單;

檢查網頁的大小，包括圖像
刪除任何腳本和「感覺」的頁面上，如果仍重，問題是別的東西，如果感覺對了，那麼問題是/是腳本（S）
如果問題是腳本，開始通過它移動到頁面底部
如果仍然影響，確認其工作正常
如果沒有腳本太重，儘量減少圖像的數量和大小
if您使用表格，嘗試設置尺寸
嘗試避免嵌套表格或許多嵌套div，這需要一些渲染時間。
滾動和刷新效果在瀏覽器的渲染引擎上很重。

檢查所有這些，然後檢查正確問題的具體解決方案。

再見

來源

2012-10-15 14:40:22 PatomaS

這聽起來像是在瀏覽器中處理延遲 - 在滾動時觀察CPU/MEM的使用情況可能有意義。您可以嘗試一次移除一個元素以找到罪魁禍首。

當我要求瀏覽器調整圖像大小而不是提前做這件事時，我注意到了這種滯後現象。

來源

2012-10-15 09:46:34 RobinGower

我會研究所有這些，謝謝大家。 PageSpeed得分低於90年代。無論如何，我安裝了Google Speedtracer，但是和往常一樣，我不明白大多數Google開發者工具。他們的解釋就像你在Google上工作一樣，並且已經知道了一切。所以我會密切關注這個話題，以防其他人發佈更多我可以嘗試的東西，我有很多空閒時間來專注於此。 – user1691389

如果你去Google Page speed Insights：它會列出你的網站所有的陷阱，並在那個時候會提示你改進它們的方法。

谷歌將評估您的網站在移動和桌面上的性能。如果你得到大約90+的分數，你應該認爲你做了一個很棒的工作。

來源

2012-10-15 09:52:13 defau1t

+1，不知道該谷歌功能！ – Gabber

@Gabber：您可能也對此感興趣 https://developers.google.com/web-toolkit/speedtracer/ – defau1t

是的！我使用這個http://jsperf.com/和這個http://tools.pingdom.com/fpt/來做一些網站測試，但是現在我的工具看起來就像是google的一個很好的補充。再次感謝 – Gabber

什麼讓網站在滾動時感到沉重？

回答

相關問題