SLIDE 1
In Search of A better, faster, stronger Web Marissa Mayer VP - - PowerPoint PPT Presentation
In Search of A better, faster, stronger Web Marissa Mayer VP - - PowerPoint PPT Presentation
In Search of A better, faster, stronger Web Marissa Mayer VP Search & User Experience Google The importance of first impressions We didnt have any webmasters And, I dont do HTML. Still simple, still fast 4 Key Elements
SLIDE 2
SLIDE 3
Still simple, still fast…
SLIDE 4
4 Key Elements in a Search Experience
- Comprehensiveness
- Relevancy
- User Experience
- Speed
SLIDE 5
Back-end engineers committed to speed
1999: 30M web pages Now: 10,000x 1999: 100K searches/day Now: 10,000x Scale factor: 10,000 X 10,000 = 100M
SLIDE 6
Designing for Speed
SLIDE 7
10, 20, or 30 results?
- User study participants unanimously wanted more
- Data showed that people conducted
25% fewer searches
Control (10 results) Avg Time 0.4s 0.9s Experiment (30 results)
30 30 / /
SLIDE 8
Slowing down search
- Searches/user decreases by 0.44%
- Dropped to 0.76% after six weeks
- Users did 0.21% fewer searches, even after we
stopped injecting the delay
+ 0.400 + 0.400 0.73 seconds 0.73 seconds
SLIDE 9
Speeding up Google
SLIDE 10
Google Reader
SLIDE 11
Google Reader
Reader latency across different browsers
SLIDE 12
Google Reader
Reader 7-day actives
SLIDE 13
Google Checkout
SLIDE 14
Google Checkout
Latency up 2% and… Searches/user down 2%
SLIDE 15
Google Checkout
<table class=y align=left cellpadding=0 cellspacing=0 border=0><TR><TD><TD><TD><TD><TD><TD><TD><TD><TD><TD><TD class=a><TD class=b rowspan=7><TD><TD><TD><TD><TD><TR><TD COLSPAN=11 rowspan=8><TD class=a COLSPAN=3><TD class=b COLSPAN=2><TD class=c COLSPAN=2><TR><TD class=a COLSPAN=10 rowspan=3><TD class=b><TR><TD class=b><TR><TD><TR><TD class=a COLSPAN=9 rowspan=2><TD class=b><TR><TD><TR><TD class=a><TD class=b><TR><TD class=a><TR><TD COLSPAN=5><TD class=b COLSPAN=2><TD class=a COLSPAN=2><TD><TD class=a COLSPAN=10><TD class=b><TR><TD COLSPAN=9><TD class=b COLSPAN=2><TD COLSPAN=6 rowspan=3><td><TD class=b COLSPAN=2><TR><TD class=b COLSPAN=4><TD class=a COLSPAN=3><TD><TD class=b><TD class=a COLSPAN=2><TD class=b><TD class=a COLSPAN=2><TR><TD COLSPAN=8><TD class=b><TD class=a><TD><TD class=b><TD class=a><TD class=b></TABLE></td><td><font size=-1> </font></td></td> <td valign=top><font class=a size=-1>www.nordstrom.com</font></td> </tr></table>
SLIDE 16
Google News
Google News takes more than 8 seconds (!!!) to load
SLIDE 17
HTML tables… and their opposition to speed
Content above the fold loads in under a second. While remainder of page takes 8 seconds to complete…
SLIDE 18
More table tricks & the billion-dollar HTML tag
Chunked Encoding <table align=right> </table> Billion $$ html tag
SLIDE 19
Google Maps
- 12% of Google Maps users access the Internet
using slow connections
SLIDE 20
Google Maps
Uncompressed Compressed 0.53 of the original file size 0.36 of the original file size
Compressed map tiles and progressive loading yielded speed improvements of 2-3x
SLIDE 21
Google Maps
Increased panning with compressed tiles
SLIDE 22
Designing for speed
- HTML wants to be square
- Images 101:
– Small images = $1.00 – Big images = $1.01
- Tables are purely evil
- Compression is your friend
SLIDE 23
Speeding up the web
SLIDE 24
Designing for speed
http://code.google.com/speed
SLIDE 25
Browsing the web as quickly as a magazine
SLIDE 26
Faster browsers for newer web pages
SLIDE 27
Build…Design… and Prescribe for Speed
SLIDE 28