CS193H: High Performance Web Sites Class 1

CS193H:High Performance Web Sites

Lecture 1: Introduction

Steve SoudersGoogle

[email protected]

Speed Matters

users noticepride in our workengineering best practicesGoogle: +500 ms -20% traffic*

Amazon: +100 ms -1% sales*

*http://home.blarg.net/~glinden/StanfordDataMining.2006-11-29.ppt

the road here1979-83 – University of Virginia, BS System Eng1983-85 – SAIC 1985-91 – Advanced Decision Systems1987-89 – Stanford University, MS EES1991-95 – Helix Systems (co-founder)1995-96 – General Magic1996-98 – Dialog1998-2000 – WhoWhere?, Lycos1999-2000 – CoolSync (co-founder)2000-07 – Yahoo!2008 – Google

14 Rules1. Make fewer HTTP requests2. Use a CDN3. Add an Expires header4. Gzip components5. Put stylesheets at the top6. Put scripts at the bottom7. Avoid CSS expressions8. Make JS and CSS external9. Reduce DNS lookups10. Minify JS11. Avoid redirects12. Remove duplicate scripts13. Configure ETags14. Make AJAX cacheable

High Performance Web Sites

YSlow

http://conferences.oreilly.com/velocity/ June 22-24, 2009

EvangelismConferences

Web 2.0 ExpoThe Ajax ExperienceOSCONGoogle/IOSXSW

CompaniesYahoo!AmazonZillowMicrosoftGoogle

ConferencesWordCampFuture of Web AppsWidget SummitVelocityRich Web Experience

CompaniesAppleNetflixTwitterLinkedIn

that leads us to CS193HWhat this class is not:

a programming classa backend performance class (C++, Java, MySQL, etc.)about search engine optimization (SEO)about business performance

What this class is:optimizing performance where it has the biggest

impact: from the web server to the browserhands-on work with HTML, JavaScript, CSS, & HTTPapplied research about the Web (including Web 2.0)a narrative about optimizing web pages at the end of

which you'll understand how the Internet works

CS193H LogisticsMost information is on the class web site:

http://cs193h.stevesouders.com/

Souders (\'sau-ders\) like "sour" or "ouch"[email protected]: http://stevesouders.com/blog/Guest lecturers next week (I'm out)

Class RequirementsFirefoxEdit HTML, JavaScript, CSSWeb hosting(?)Web server configuration

HomeworkGo to http://groups.google.com/group/cs193h-

hpws and "Apply for group membership"

Read HPWS, Chapter A: The Importance of Frontend Performance

Bring your laptop