cs193h: high performance web sites lecture 1: introduction steve souders google...
TRANSCRIPT
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