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 didn’t have any webmasters… And, I don’t do HTML.

Still simple, still fast…

4 Key Elements in a Search Experience • Comprehensiveness • Relevancy • User Experience • Speed

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

Designing for Speed

10, 20, or 30 results? 30 30 / / • User study participants unanimously wanted more • Data showed that people conducted 25% fewer searches Avg Time 0.9s 0.4s Control Experiment (10 results) (30 results)

Slowing down search + 0.400 + 0.400 0.73 seconds 0.73 seconds • 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

Speeding up Google

Google Reader

Google Reader Reader latency across different browsers

Google Reader Reader 7-day actives

Google Checkout

Google Checkout Latency up 2% and… Searches/user down 2%

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>&nbsp;</font></td></td> <td valign=top><font class=a size=-1>www.nordstrom.com</font></td> </tr></table>

Google News Google News takes more than 8 seconds (!!!) to load

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…

More table tricks & the billion-dollar HTML tag <table align=right> Chunked Encoding Billion $$ html tag </table>

Google Maps • 12% of Google Maps users access the Internet using slow connections

Google Maps Uncompressed Compressed 0.36 of the original file size 0.53 of the original file size Compressed map tiles and progressive loading yielded speed improvements of 2-3x

Google Maps Increased panning with compressed tiles

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

Speeding up the web

Designing for speed http://code.google.com/speed

Browsing the web as quickly as a magazine

Faster browsers for newer web pages

Build…Design… and Prescribe for Speed

Q&A