的Chrome 24 VS IE10滾動可怕的滯後

我目前正在開發一個Web應用程序，主要集中在Chrome 24.01312.57和IE10。在以前的瀏覽器中，我遇到了很大的延遲。然而，後者幾乎沒有任何滯後，這與所有人聲稱的情況完全相反。的Chrome 24 VS IE10滾動可怕的滯後

爲了顯示你的區別，我同時向下滾動Chrome網上應用店使用的是iPhone記錄我的上網本的屏幕 - 這是谷歌本身產生的。

檢測設備

2歲的網關上網本 - 單核英特爾凌動 - 1GB內存 - Win7的
iPhone攝像頭（沒有很大的錄音解決方案，但它是很容易看出其中的區別）
網站：https://chrome.google.com/webstore/category/home（我向下滾動頗有幾分兩個瀏覽器開始測試對於那些擔心AJAX的前加載的內容減慢渲染）

個

結果

谷歌Chrome瀏覽器24（不擴展）向下滾動的網絡商店： http://www.youtube.com/watch?v=njkRqiNJPIY
Internet Explorer（無插件）10在同一頁上：http://www.youtube.com/watch?v=B_E_9OzPers

注：看看鼠標光標和滾動縮略圖 - 在IE10上，鼠標始終位於拇指上，而Chrome則位於全部位置，表示鼠標移動之間的高延遲和實際渲染。

底線：

在我結束之前，一定要明白，在谷歌瀏覽器，這些滯後得到日益放大作爲該網站變得更加複雜和/或規格走低。然而，即使在這些條件下，IE10仍然推動FPS非常高。我也對Chrome時間表做了一些分析。在表明，FPS下降爲你縮小到渲染需要多達〜900毫秒每幀（在谷歌網絡商店），而IE10仍是流體光滑（和更好但它保留了平滑度上的原子上網本）

點

作爲Web開發人員，是有一些CSS屬性/ IES是導致Chrome瀏覽器渲染滯後的網頁？
爲什麼Internet Explorer渲染速度如此之快？
有什麼可以讓Chrome瀏覽器像IE10一樣快速渲染的步驟？

PS：錯誤報告：http://code.google.com/p/chromium/issues/detail?id=163092但目前沒有最新進展。

來源

2013-02-07 bluejamesbond

這就是關於Chrome的事情之一，這是一個沉重的野獸，非常渴望記憶。你有沒有試過在那個Atom上運行Linux？您至少可以在操作系統中移動和加載內容，從而提高性能。 Win7 + Chrome只用1GB內存就可以完成它。 – elclanrs

我也有一個非常強大的電腦，但似乎仍然有滯後，而IE10就像在240Hz電視上觀看電影。這個測試是在定製/定製網站上完成的，以測試每個網站的性能 - 具有大量的邊框半徑和方塊陰影。：P – bluejamesbond

我的第一個猜測應該是一個（或更多！）花哨的'-webkit'屬性讓Chrome變慢，而IE10只是忽略它。 –

更新：Chrome的性能問題早已解決。

鉻在繪畫方面掙扎，特別是在高分辨率（如2560x1440及以上）下。諸如Chrome網上應用店，Facebook等很多網站都顯示出明顯的滾動滯後。在這些網站上滾動時，IE10在我的顯示器上保持120 fps。

來源

2013-02-21 10:26:26 Monstieur

算上我作爲該類別的第二人。 – pilau

那麼任何不同意你的人都是「瘋狂的粉絲」？ IE瀏覽器始終是最糟糕的瀏覽器之一 - 這就是爲什麼我（和許多其他人）停止使用它。幾乎在所有方面它都比Firefox/Chrome慢，HTML5的合規性也很糟糕。有一段時間我和Firefox一起去了，因爲它比IE好得多。最終，我轉向使用Chrome，因爲Web開發具有卓越的本地工具。這不是關於成爲一個「粉絲男孩」。這是關於爲工作選擇最好的工具。 – xtempore

@xtempore從IE10開始，從純粹的性能角度來看，IE瀏覽器的黃油平滑滾動甚至沒有任何提示。如果您擁有高刷新率監視器，它可以以60,120或144 fps的速度流暢滾動。即使通過iPad，Surface Pro上IE11的觸摸屏響應也無與倫比。其他瀏覽器口吃和滯後。作爲一個無知的最終用戶，我不關心標準的合規性。開發人員將使他們的網站在擁有90％以上市場份額的操作系統上工作。滾動平滑度是唯一對用戶至關重要的因素。 – Monstieur

-2

這是對上網本的顯卡！您幾乎可以在屏幕上移動的過程中體驗到類似的效果。我有一臺上網本...

要測試的網絡墜毀Chrome瀏覽器，直到不久前......

來源

2013-02-08 00:08:55 fedenah

怎麼這個「顯卡」不會落後於IE10呢？ – Sebas

我剛剛解決了類似的問題。

顯然，Chrome對於重新計算樣式不太聰明，除了速度非常慢，所以我專注於防止它重新計算任何東西。

無論何時滾動事件被觸發，我都添加了「滾動」類，但如果它已經存在，Chrome會不斷重新計算新樣式。當我修改它是這樣的：

if (!body.hasClass('scrolled')) { body.addClass('scrolled'); }

鉻突然經歷了顯著加速（仍然沒有IE或者FF，但比以前好多了）

來源

2013-08-16 02:11:41 Aeolun

的Chrome 24 VS IE10滾動可怕的滯後

回答

相關問題