HTML5 Right Now with Google Chrome Frame
Alex Russell <slightlyoff@google.com>
Twitter: @slightlylate
April 26, 2012
Who am I?
HTML5 is real on Mobile
- CSS3 transitions and animations
- CSS gradients, rounded corners, etc.
- Better JS implementations
-
<audio>&<video> -
<canvas>&data:URIs -
Saner DOM, stronger standards support, fewer hacks:
jquery.min.js: 31KB gzipped, 92KB rawzepto.min.js: 7KB gzipped, 21KB raw
Leading desktop browsers are amazing
- Fast processors and networks
- Even faster updates
- WebGL & Web Audio
- WebM and WebP
- Web Components
- Emerging CSS Improvements
...Meanwhile, In The Real World...
IE Market Share
Source: Wikipedia
IE 8 is the end of the line for XP
Windows XP: ~45%
We have a problem
How do we break the desktop web free?
- Give ourselves permission to use HTML5
- Get customers to give themselves permission to use HTML5
- Pull users to modern browsers with compelling experiences
What is Google Chrome Frame?
- An Open Source plugin for Internet Explorer
- Renders whole pages in Chrome's rendering engine
- Always opt-in, existing sites never break
- Shares network, cache, cookie infrastructure with IE
A Quick Demo
Like Strapping a Rocket Engine To a Minivan"
How It Works
Speed is a feature
- V8
- Network optimizations: 6 connections per host!
- WebKit rendering
- New features help you slim your site
GMail loads up to 30% faster with Google Chrome Frame
But how to test?
Opt In!
HTTP header:
X-UA-Compatible: chrome=1
Or meta tag:
<meta http-equiv="X-UA-Compatible" content="chrome=1">
Testing Non-Opt-In Sites
HKCU
Software
Google
ChromeFrame
IsDefaultRenderer = 1 // REG_DWORD
Sends Chrome's UA, not IE's
WebPagetest.org
Google Chrome Frame support!
Giving ourselves permission: seamlessness
- Fallback to IE rendering
- One-line change to apps to enable Google Chrome Frame
- No browser restart on install
-
CFInstall.jsto help you prompt - Demo: Hyves.nl
Install flow support for custom prompts
Install flow redirect
google.com/chromeframe?redirect=true
- Sends users back to referring site after install
- No embedded scripts required, just a link
What about admin rights?
Ugg...a download?
Demo: Quick Enable
Enterprise support
- Chrome Enterprise group policy controls and template
- Additional Google Chrome Frame policies for renderer control and plugin handling
-
MSI installers
google.com/chromeframe/?msi=true -
http://www.chromium.org/administrators