Geek Answers Handbook

Chrome 24 vs. IE10 Scary Terrible Delay

I am currently developing a web application, focusing on Chrome 24.01312.57 and IE10. In the old browser, I experience a lot of lag. However, the latter has almost no lag, which is exactly the opposite of what everyone claims.

To show you the difference, I record the screens of my netbook using the iPhone while scrolling through the Chrome Web Store - something was created by Google itself.

Test equipment

  • 2-Year Netbook Gateway - Single Core Intel Atom - 1 GB RAM - Win7
  • iPhone camera (not that great for recording, but pretty easy to spot the difference)
  • Website: https://chrome.google.com/webstore/category/home (I scrolled a bit for both browsers before running the test for those who are concerned about slowing down loading AJAX content down rendering)

results

Note. Look at the mouse cursor and the thumb of the scroll - on IE10 the mouse is always on the thumb, and Chrome is everywhere, which indicates a high delay between the mouse movement and the actual rendering.

Bottom line:

Before you finish, understand that these delays in Google Chrome increase as the website becomes more complex and / or performance decreases. However, IE10 pushes FPS too much even under these conditions. I also analyzed a little chronology of Chrome. It shows that FPS crashes when you zoom out until the rendering takes about 900ms per frame (on the Google web store), while IE10 is still smooth (and still maintains this smoothness) on an atom netbook).

  • As web developers, are there some CSS properties that make Chrome render pages with a delay?
  • Why is Internet Explorer rendering so fast?
  • What can be done to make Chrome render as fast as IE10?

PS: Bug Report: http://code.google.com/p/chromium/issues/detail?id=163092 , but this hasn’t happened recently.

+7
source share
3 answers

Update: Chrome performance issues have long been resolved.

Chrome fights painting, especially at high resolutions like 2560x1440 and higher. Many websites, such as the Chrome Web Store, Facebook, etc., exhibit significant scrolling delays on it. IE10 supports 120 frames per second on my monitor while scrolling on these sites.

+11
source

I just fixed a similar problem.

Obviously, Chrome isn’t very smart about their recount of styles, except that it is terribly slow, so I focused on not reprogramming anything.

I added a “scrolled” class whenever the scroll event was fired, but if it was already there, Chrome would still recount the new styles. When I changed it like this:

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

Chrome suddenly experienced significant acceleration (still no IE or FF, but much better than before)

+2
source

This is a video card on a netbook! You will experience a similar effect on the almost endless that moves on your screen. I have a netbook ...

The website you are testing with has turned off the Chrome browser until recently ...

-2
source

More articles:


All Articles