Chrome Fast

Tony Gentilcore
Velocity Europe 2011

Browser Innovations

Automatic Updates

Did you know?



The Chinese character for automatic updating
is the same as eternal happiness


Source http://gs.statcounter.com/
Chrome Frame

Modern web performance on browsers of yesteryear

Modern web performance on browsers of yesteryear

  • Use Chrome Frame if already installed
<meta http-equiv="X-UA-Compatible"
      content="chrome=1">
OR
X-UA-Compatible: chrome=1
  • Worthy performance win from one line of code
  • Gmail team saw 30% load time improvement
  • Require Chrome Frame installation 
<script
  src="http://ajax.googleapis.com/.../CFInstall.min.js"
  onload="CFInstall.check()">
</script>
  • Useful for sites that require modern web features
  • Installation no longer requires admin rights
JavaScript Performance




Chrome 10 introduced the largest JavaScript performance
improvement in the history of Chrome

Chrome 17 introduces incremental garbage collection


  • No more long stop-the-world pauses
  • Predictable performance
  • Allows smooth animations and games
Instant Search
  • Searches in the background as you type
  • SearchBox API allows interoperability with any search provider or browser

Web Platform Innovations

Prerendering
  • Loads and renders the page in the background
  • Use only when exceedingly likely the user will click
  • Google Search uses this for high confidence results

<link rel="prerender" href="http://example.com/">
Page Visibility API
  • Pause animations
  • Reduce server polling
  • Determine whether prerendered
document.addEventListener("webkitvisibilitychange",
    function() {
      if (document.webkitHidden)
        pauseAnimation();
      else
        resumeAnimation();
    }
);
Request Animation Frame API
  • Callback when browser is ready to paint
  • Avoid drawing too often or when invisible
  • Draw smoothly
(function animate() {
  webkitRequestAnimationFrame(animate);
  draw();
})();

Developer Tools Innovations

Performance Timeline
Memory Profiler




Real-time memory usage to quickly find problems



State-of-the art diagnostics for fixing tricky leaks
Developer Tools API

DevTools are now extensible

  • Add custom panels
  • Retrieve network timeline (HAR)
  • Quickly add audits



Page Speed recently launched on Chrome using this API
Final thought

Faster-than-light neutrinos: debunked

Faster-than-light Google Chrome: not disproved?

Thank You


http://dev.chromium.org/