1 / 10

CS193H: High Performance Web Sites Lecture 4: Class Projects

CS193H: High Performance Web Sites Lecture 4: Class Projects. Steve Souders Google souders@cs.stanford.edu. Announcements. Office hours start today: Mondays 4:15-6pm Contact me by end of tomorrow (Tues 10/7) if you still want HTTPWatch and missed the first invite

Albert_Lan
Download Presentation

CS193H: High Performance Web Sites Lecture 4: Class Projects

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CS193H:High Performance Web SitesLecture 4: Class Projects Steve Souders Google souders@cs.stanford.edu

  2. Announcements Office hours start today: Mondays 4:15-6pm Contact me by end of tomorrow (Tues 10/7) if you still want HTTPWatch and missed the first invite Computer Forum Career Fair - 10/8 11am-4pm between Gates and Packard

  3. Guest Lecturer Review

  4. Joseph Smarr, Plaxo "Performance Challenges for the Open Web" Minimizing roundtrips – discovery, association, OpenID, OAuth; separate vs. bundled Caching – freshness vs. speed Pull vs. push – scalability issues 3rd party content – proxied vs. clientside; iframe vs. inline; XFBML, Caja

  5. Lindsey Simon, Google "Front End Kung Fu" When you have a CSS problem: is it in or out of the flow? is box block or inline display context? Style specificity (higher wins): tag: 1 point className: 10 points id: 100 points inline style: 1000 points

  6. Bill Scott, Netflix "High Performance Web Pages – Real World Examples: Netflix Case Study" Established metrics first – "Round Trip Tracers" Captured – bandwidth, browser, OS Gzip, far future Expires, removing Etags – cut outbound traffic in half Issue: Apache compresses "204 – No Content" responses; Safari 3 chokes

  7. Bill Scott, Netflix (cont'd) Surprises! Spriting star bars slower – inline events Preloading CSS bg images – don't! IE7 twice as slow as FF3 – remember when coding "the little stuff multiplied matters" takeaway: track your changes, estimate their impact, go back and confirm and investigate

  8. The Ajax Experience smushit.com image optimization there's no such thing as a "smu" Yahoo! Exceptional Performance talk The 7 Habits for Exceptional Performance I released Episodes and Hammerhead http://stevesouders.com/episodes/ http://stevesouders.com/hammerhead

  9. Class Projects Web 100 Performance Profile Improving a Top 100 Web Site

  10. Homework Download your class project web site and uploading to your Stanford directory Read HPWS, Chapter 1: Make Fewer HTTP Requests (if you haven't already)

More Related