Download - CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google [email protected]
![Page 2: CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google souders@cs.stanford.edu](https://reader033.vdocuments.pub/reader033/viewer/2022061306/551465fe5503462d4e8b5b50/html5/thumbnails/2.jpg)
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
![Page 3: CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google souders@cs.stanford.edu](https://reader033.vdocuments.pub/reader033/viewer/2022061306/551465fe5503462d4e8b5b50/html5/thumbnails/3.jpg)
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
![Page 4: CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google souders@cs.stanford.edu](https://reader033.vdocuments.pub/reader033/viewer/2022061306/551465fe5503462d4e8b5b50/html5/thumbnails/4.jpg)
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
![Page 5: CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google souders@cs.stanford.edu](https://reader033.vdocuments.pub/reader033/viewer/2022061306/551465fe5503462d4e8b5b50/html5/thumbnails/5.jpg)
High Performance Web Sites
YSlow
![Page 6: CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google souders@cs.stanford.edu](https://reader033.vdocuments.pub/reader033/viewer/2022061306/551465fe5503462d4e8b5b50/html5/thumbnails/6.jpg)
http://conferences.oreilly.com/velocity/ June 22-24, 2009
![Page 7: CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google souders@cs.stanford.edu](https://reader033.vdocuments.pub/reader033/viewer/2022061306/551465fe5503462d4e8b5b50/html5/thumbnails/7.jpg)
EvangelismConferences
Web 2.0 ExpoThe Ajax ExperienceOSCONGoogle/IOSXSW
CompaniesYahoo!AmazonZillowMicrosoftGoogle
ConferencesWordCampFuture of Web AppsWidget SummitVelocityRich Web Experience
CompaniesAppleNetflixTwitterLinkedIn
![Page 8: CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google souders@cs.stanford.edu](https://reader033.vdocuments.pub/reader033/viewer/2022061306/551465fe5503462d4e8b5b50/html5/thumbnails/8.jpg)
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
![Page 9: CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google souders@cs.stanford.edu](https://reader033.vdocuments.pub/reader033/viewer/2022061306/551465fe5503462d4e8b5b50/html5/thumbnails/9.jpg)
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)
![Page 10: CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google souders@cs.stanford.edu](https://reader033.vdocuments.pub/reader033/viewer/2022061306/551465fe5503462d4e8b5b50/html5/thumbnails/10.jpg)
Class RequirementsFirefoxEdit HTML, JavaScript, CSSWeb hosting(?)Web server configuration
![Page 11: CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google souders@cs.stanford.edu](https://reader033.vdocuments.pub/reader033/viewer/2022061306/551465fe5503462d4e8b5b50/html5/thumbnails/11.jpg)
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