zeuux-universe的帖子：

星期日十二月 21 17:11:22 CST 2008

刚刚哥们发给我的，觉的比较有意思，跟大家分享一下。

URL：
http://cs193h.stevesouders.com/

转载内容：
=================================
*Instructor:* 	Steve Souders, contact <http://stevesouders.com/contact.php>
*CA:* 	Aravind Narayanan, aravindn at stanford dot edu
*Schedule:* 	9/22/08-12/5/08, Mon, Wed, Fri - 3:15-4:05
*Office Hours:* 	Mon 4:15-6pm, Gates 195
*Location:* 	Gates <http://campus-map.stanford.edu/index.cfm?ID=07-450>, 
B01
*Textbook:* 	High Performance Web Sites 
<http://www.amazon.com/dp/0596529309> by Steve Souders, ISBN-13: 
978-0596529307
*Google Group:* 	CS193H High Performance Web Sites 
<http://groups.google.com/group/cs193h-hpws> /(mailing list, 
discussions, file sharing)/

    Class Schedule

Date 	Title 	Notes/Homework 	Slides
9/22 	Introduction 	background, course logistics, web hosting facilities
/homework: HPWS Chapter A, join CS193H HPWS Google Group 
<http://groups.google.com/group/cs193h-hpws>/ 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-01-introduction.ppt>, GDoc 
<http://docs.google.com/Presentation?id=dfb9f5wn_139hg3m2p32>
9/24 	The Importance of Frontend Performance 	/homework: HPWS Chapter B, 
install Firebug <http://getfirebug.com>, YSlow 
<http://developer.yahoo.com/yslow/>, HTTPWatch/ 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-02-importance-of-frontend-performance.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_168fc36vgdr>
9/26 	HTTP
Web 100 Performance Profile 	Use YSlow 
<http://developer.yahoo.com/yslow/> to measure key performance 
characteristics of top web sites.
/homework (due by 10/6): fill out Web 100 Performance Profile 
<http://spreadsheets.google.com/ccc?key=pFI0gp5Gg0kEwvwLjUfzJNA&hl;=en> 
spreadsheet for 5 sites (only do sites that aren't already taken), HPWS 
Chapter 1/ 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-03-http-and-web-100.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_236gqhm8j55>
9/29 	Joseph Smarr <http://josephsmarr.com/> (Plaxo <http://www.plaxo.com>)
Performance Challenges for the Open Web 	Guest lecturer while Steve's 
out. This content will be included in the Midterm 	ppt 
<http://josephsmarr.com/papers/Smarr-CS193H.ppt>
10/1 	Lindsey Simon <http://www.dishola.com/users/view/elsigh> (Google 
<http://www.google.com>)
Front End Kung Fu 	Guest lecturer while Steve's out. This content will 
be included in the Midterm 	 
10/3 	Bill Scott <http://feeds.feedburner.com/LooksGoodWorksWell> 
(Netflix <http://www.netflix.com/>)
High Performance Web Pages – Real World Examples: Netflix Case Study 
Guest lecturer while Steve's out. This content will be included in the 
Midterm 	pdf 
<http://billwscott.com/share/presentations/2008/stanford/HPWP-RealWorld.pdf>, 
key.zip 
<http://billwscott.com/share/presentations/2008/stanford/HPWP-RealWorld.key.zip> 

10/6 	Class Project: Improving a Top 100 Web Site 	Learn how to download 
a public web site, make performance improvements to it, and measure the 
impact.
/homework: Each student picks one web site from the Alexa Top 100 (dupes 
are ok). This is the web site they'll use throughout the quarter to 
apply performance best practices to. Download the web site and all 
resources and host it on your own server./ 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-04-class-projects.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_259f3br3cgs>
10/8 	Make Fewer HTTP Requests 	/homework: Apply the best practics from 
today's class to your chosen web site. Record the performance 
improvements in the class spreadsheet. HPWS Chapter 2 / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-05-make-fewer-http-requests.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_261dgcfh4ds>
10/10 	Use a Content Delivery Network 	/homework: Apply the best 
practics from today's class to your chosen web site. Record the 
performance improvements in the class spreadsheet. HPWS Chapter 3 / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-06-use-a-cdn.ppt>, GDoc 
<http://docs.google.com/Presentation?id=dfb9f5wn_266dnhjbkdz>
10/13 	Add an Expires Header 	/homework: Apply the best practics from 
today's class to your chosen web site. Record the performance 
improvements in the class spreadsheet. HPWS Chapter 4 / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-07-add-an-expires-header.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_286gkk9wvdh>
10/15 	Gzip Components 	/homework: Apply the best practics from today's 
class to your chosen web site. Record the performance improvements in 
the class spreadsheet. HPWS Chapter 5 / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-08-gzip-components.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_295cdhbtfc2>
10/17 	Put Stylesheets at the Top 	/homework: Apply the best practics 
from today's class to your chosen web site. Record the performance 
improvements in the class spreadsheet. HPWS Chapter 6 / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-09-put-stylesheets-at-the-top.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_332dg4bvzcz>
10/20 	Put Scripts at the Bottom 	/homework: Apply the best practics 
from today's class to your chosen web site. Record the performance 
improvements in the class spreadsheet. HPWS Chapter 7 / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-10-put-scripts-at-the-bottom.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_339ckd5h6xc>
10/22 	Avoid CSS Expressions
Reduce DNS Lookups 	/homework: Apply the best practics from today's 
class to your chosen web site. Record the performance improvements in 
the class spreadsheet. HPWS Chapter 8 & 9 / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-11-avoid-css-expressions-reduce-dns-lookups.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_344d6zvkpcv>
10/24 	Make JavaScript and CSS External 	/homework: Read HPWS Chapter 
10. Check five Web 100 Performance Profile sites 
<http://cs193h.stevesouders.com/#check> due 3:15pm 10/29. / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-12-make-js-and-css-external.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_351hprh4sd4>
10/27 	Minify JavaScript 	/homework: HPWS Chapter 11 / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-13-minify-javascript.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_364f95kh9gr>
10/29 	Avoid Redirects 	/homework: study for midterm/ 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-14-avoid-redirects.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_37543h7hhfg>
*10/31* 	*MIDTERM EXAM* 	  	test 
<http://cs193h.stevesouders.com/CS193H_Midterm.pdf>, answers 
<http://docs.google.com/View?docID=dfb9f5wn_374mssmtcgv&revision;=_latest&hgd;=1> 

11/3 	Doug Crockford ( <http://www.crockford.com/>Yahoo! 
<http://www.yahoo.com/>)
Ajax Performance 	/homework: HPWS Chapter 12 / 	ppt 
<http://cs193h.stevesouders.com/slides/crockford-ajax-performance.ppt>
11/5 	Remove Duplicate Scripts 	/homework: HPWS Chapter 13 / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-15-remove-duplicate-scripts.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_4152p44qvdp>
11/7 	assignment #4 due <http://cs193h.stevesouders.com/#assignment4>
Configure ETags 	/homework: HPWS Chapter 14 / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-16-configure-etags.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_417fr4z7z75>
11/10 	Make Ajax Cacheable & Split the Initial Payload 	/homework: Read 
HPWS Vol 2 handout. / 	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-17-make-ajax-cacheable.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_458g4mwgq5c>, ppt 
<http://cs193h.stevesouders.com/slides/cs193h-18-split-the-initial-payload.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_465fxgwz2f3>
11/12 	assignment #5 due <http://cs193h.stevesouders.com/#assignment5>
Load Scripts Without Blocking 	/homework: Read HPWS Vol 2 handout. / 
ppt 
<http://cs193h.stevesouders.com/slides/cs193h-19-load-scripts-without-blocking.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_480d93grfg4>
11/14 	Don't Scatter Inline Scripts 	  	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-20-dont-scatter-inline-scripts.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_508dxkc35c2>
11/17 	Robert Johnson (Facebook <http://www.facebook.com/>)
Fast Data at Massive Scale - lessons learned at Facebook 	/homework: 
Read HPWS Vol 2 handout. / 	ppt 
<http://cs193h.stevesouders.com/slides/bobby_johnson_Stanford_11-08.ppt>
11/19 	Shard Dominant Domains 	  	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-21-split-dominant-domains.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_515dg79xtpk>
11/21 	Optimize Images, Use Iframes Sparingly, Flush the Document 
Early 	  	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-22-optimize-images.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_526chbbfmhh>
12/1 	assignment #6 due <http://cs193h.stevesouders.com/#assignment6>
Serve Static Resources Cookie-Free, Reduce Cookie Weight, To WWW or not 
to WWW 	  	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-23-cookies-and-www.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_537fz35xjvt>
12/3 	CSS Descendant Selectors, Forced Compression 	  	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-24-css-selectors-forced-compression.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_55655xvctg7>
12/5 	State of Performance 	  	ppt 
<http://cs193h.stevesouders.com/slides/cs193h-25-state-of-performance.ppt>, 
GDoc <http://docs.google.com/Presentation?id=dfb9f5wn_565c5fjj5dz>
*12/9* 	*12:15-3:15 - FINAL EXAM (alternate time slot) (Gates B03)* 	The 
Final Exam is /not/ inclusive – it includes only the material covered 
since the Midterm Exam. 	test 
<http://cs193h.stevesouders.com/CS193H_Final_Exam.pdf>, answers 
<http://docs.google.com/View?docID=dfb9f5wn_564cj8mfjws&revision;=_latest&hgd;=1> 

*12/12* 	*12:15-3:15 - FINAL EXAM* (Gates B01) 	The Final Exam is /not/ 
inclusive – it includes only the material covered since the Midterm 
Exam. 	test <http://cs193h.stevesouders.com/CS193H_Final_Exam.pdf>, 
answers 
<http://docs.google.com/View?docID=dfb9f5wn_564cj8mfjws&revision;=_latest&hgd;=1> 

    Web 100 Performance Profile

Early in the quarter, each student will pick five web sites from the Web 
100 Performance Profile spreadsheet 
<http://spreadsheets.google.com/ccc?key=pFI0gp5Gg0kEwvwLjUfzJNA&hl;=en>. 
Students fill out the spreadsheet 
<http://spreadsheets.google.com/ccc?key=pFI0gp5Gg0kEwvwLjUfzJNA&hl;=en> 
by running YSlow <http://developer.yahoo.com/yslow/> on their five 
sites. Only one person can do a given web site. The first person to put 
their name in the "Student" column claims that web site. It would be 
smart to "stake out" your five sites by adding your name /before/ 
running YSlow, otherwise, by the time you finish running YSlow someone 
else might have claimed the site. You can't claim sites until the 
homework is assigned in class (probably on 9/26).

To edit the spreadsheet 
<http://spreadsheets.google.com/ccc?key=pFI0gp5Gg0kEwvwLjUfzJNA&hl;=en>, 
you need to be a member of the class' Google Group. (Go to 
http://groups.google.com/group/cs193h-hpws and "Apply for group 
membership".) If there aren't five web sites left, you can add more 
sites from the Alexa Top 500 
<http://www.alexa.com/site/ds/top_sites?ts_mode=global⟨=none>. (The 
spreadsheet will have more than 100 web sites, but we'll stick with the 
"Web 100" moniker.) Only add sites with acceptable content (no porn, 
pirated software, etc.).

At the end of the quarter, students will update the spreadsheet 
<http://spreadsheets.google.com/ccc?key=pFI0gp5Gg0kEwvwLjUfzJNA&hl;=en> 
so we can see changes in the Web 100's performance profile.

/Note: There is not necessarily any connection between the five web 
sites chosen here and the web site chosen for the Class Project./

    Class Project: Improving a Top 100 Web Site

Each student will apply the performance best practices learned in class 
to a web site of their choice. Guidelines for selecting a web site follow.

    * It already exists.
    * It's popular (e.g., in the Alexa Top 100
      <http://www.alexa.com/site/ds/top_sites?cc=US&ts;_mode=country⟨=none>).
      This is preferred, but not required. For example, as an
      alternative the student could choose their personal web site or
      blog, or their company's web site, even though it's not in the
      Alexa Top 100.
    * It has a fair degree of complexity. Craigslist
      <http://craigslist.org/> would be a bad choice.
    * It has room for improvement, i.e., a low YSlow
      <http://developer.yahoo.com/yslow/> grade. Google
      <http://www.google.com/>, with a YSlow
      <http://developer.yahoo.com/yslow/> score of 100, would be a bad
      choice. Google Code <http://code.google.com/>, currently a 66,
      would be a good choice.
    * It's in English, so that others are more likely to be able to
      review it. Again, this is preferred but not required.
    * It has acceptable content (no porn, pirated software, etc.).

Students will download the web site to a local server. You can do this, 
for example, by selecting File | Save Page As... in Firefox 3 and 
choosing the "Web Page, complete" type. The files can then be FTPed to a 
web server to recreate a consistent version of the selected web site. It 
might be necessary to modify the page to make it work, e.g., adding a 
BASE HREF tag to the page. The tricky part of this will be that some of 
the performance changes require modifying the web server configuration. 
If possible, the department will provide server access for hosting this 
content. If students have their own web hosting facilities, that can be 
used. We'll review this in class and further assistance will be provided 
during office hours.

Make sure to save a packet sniffer trace of the original web site, e.g., 
in HTTPWatch choose Save | Save... and select Http Watch Log File (*.hwl).

After each class, students will apply the best practices discussed to 
their project web site. For example, if the class discusses spriting 
images, the student will sprite appropriate images in the web site. Each 
improvement will be measured in terms of load time, # of requests, etc., 
for comparison to the baseline. Load time measurements will be attained 
using Hammerhead <http://stevesouders.com/hammerhead/>. The results will 
be recorded in a shared class spreadsheet. Each student should add their 
own sub-spreadsheet to the Web 100 spreadsheet 
<http://spreadsheets.google.com/ccc?key=pFI0gp5Gg0kEwvwLjUfzJNA&hl;=en>.

It's okay if multiple people choose the same web site, but they must 
still work independently. It would be interesting to see if one person's 
performance improvements differed from another's, for the same web site.

Maintain a document that is a summary write-up of your improvements. 
Provide a link to this document from within your sub-spreadsheet. If 
it's a Google Doc, make sure to either publish it or add the professor 
and TA to the access list.

    Assignments

        Assignment #1 - Web 100 Performance Profile

/due date: 10/6/08/

Gather stats for five top web sites. See the Web 100 class project 
description <http://cs193h.stevesouders.com/#web100> for more information.

        Assignment #2 - Improving a Top Site, Rules 1-3

/due date: 11:59pm 10/20/08/

Implement the best practices from rules 1-3 to your class project web 
site. See the Improving a Top Site class project description 
<http://cs193h.stevesouders.com/#project> for more information.

        Assignment #3 - check Web 100 Performance Profile

/due date: 3:15pm 10/29/08/

I found several errors in the Web 100 Performance Profile data. To 
sanity check the results, each student will pick five sites THAT ARE NOT 
THEIR OWN and test them again. Insert a row BELOW the site's original 
row. Add your name to the reviewer column. Run it through YSlow, and 
HTTPWatch or Firebug Net Panel and fill out your new row. See the Web 
100 class project description <http://cs193h.stevesouders.com/#web100> 
for more information.

        Assignment #4 - Improving a Top Site, Rules 4-10

/due date: 11:59pm 11/7/08/

Implement the best practices from rules 4-10 to your class project web 
site. See the Improving a Top Site class project description 
<http://cs193h.stevesouders.com/#project> for more information.

        Assignment #5 - Web 100 Double Check

/due date: 3:15pm 11/12/08/

Look at your rows in Web 100 spreadsheet. Double-check your entries for 
any rows in red. Update incorrect entries. Enter "y" in "Double Checked" 
column. Images should include IMG images as well as CSS background 
images. JavaScript and Stylesheets sizes should be uncompressed. Total 
size should just be the sum of the columns (e.g., doesn't include 
Flash). See the Web 100 class project description 
<http://cs193h.stevesouders.com/#web100> for more information.

        Assignment #6 - Improving a Top Site, Rules 11-14 plus Vol 2

/due date: 11:59pm 12/1/08/

Implement the best practices from rules 11-14 plus the rules from HPWS 
Vol 2 (Split the Initial Payload, Load Scripts Without Blocking, Don't 
Scatter Inline Scripts, Shard Dominant Domains, and Optimize Images) to 
your class project web site. See the Improving a Top Site class project 
description <http://cs193h.stevesouders.com/#project> for more information.

    Grading

25% 	Midterm Exam
25% 	Final Exam (/not/ inclusive)
40% 	Class Projects, Homework
10% 	Participation (asking & answering questions, making observations, 
etc.)

-- 
夏清然
Xia Qingran
E-mail: qingran at zeuux.org
Gtalk: qingran.xia at gmail.com
MSN: supermanxqr at msn.com

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://www.zeuux.org/pipermail/zeuux-universe/attachments/20081221/922a43e2/attachment-0001.html>

标题：[zeuux-universe] 看看Stanford CS一门课程“CS193H: High Performance Web Sites ”