Cs193h high performance web sites lecture 4 class projects
Download
1 / 10

CS193H: High Performance Web Sites Lecture 4: Class Projects - PowerPoint PPT Presentation


  • 102 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'CS193H: High Performance Web Sites Lecture 4: Class Projects' - Albert_Lan


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Cs193h high performance web sites lecture 4 class projects

CS193H:High Performance Web SitesLecture 4: Class Projects

Steve Souders

Google

souders@cs.stanford.edu


Announcements
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



Joseph smarr plaxo
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


Lindsey simon google
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


Bill scott netflix
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


Bill scott netflix cont d
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


The ajax experience
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


Class projects
Class Projects

Web 100 Performance Profile

Improving a Top 100 Web Site


Homework
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)