更快速网站（影印版）

.virtual memory
troubleshooting memory issues
summary
3. splitting the initial payload
kitchen sink
savings from splitting
finding the split
undefined symbols and race conditions
case study: google calendar
4. loading scripts without blocking
scripts block
making scripts play nice
xhr eval
xhr injection
script in iframe
script dom element
script defer
document.write script tag
browser busy indicators
ensuring (or avoiding) ordered execution
summarizing the results
and the winner is
5. coupling asynchronous scripts
code example: menu.js
race conditions
preserving order asynchronously
technique 1: hardcoded callback
technique 2: window onload
technique 3: timer
technique 4: script onload
technique 5: degrading script tags
multiple external scripts
managed xhr
dom element and doc write
general solution
single script
multiple scripts
asynchronicity in the real world
google analytics and dojo
yui loader utility
6. positioning inline scripts
inline scripts block
move inline scripts to the bottom
initiate execution asynchronously
use script defer
preserving css and javascript order
danger: stylesheet followed by inline script
inline scripts aren’t blocked by most downloads
inline scripts are blocked by stylesheets
this does happen
7. writing efficient javascript
managing scope
use local variables
scope chain augmentation
efficient data access
flow control
fast conditionals
fast loops
string optimization
string concatenation
trimming strings
avoid long-running scripts
yielding using timers
timer patterns for yielding
summary
8. scaling with comet
how comet works
transport techniques
polling
long polling
forever frame
xhr streaming
future transports
cross-domain
effects of implementation on applications
managing connections
measuring performance
protocols
summary
9. going beyond gzipping
why does this matter?
what causes this?
quick review
the culprit
examples of popular turtle tappers
how to help these users?
design to minimize uncompressed size
educate users
direct detection of gzip support
10. optimizing images
two steps to simplify image optimization
image formats
background
characteristics of the different formats
more about png
automated lossless image optimization
crushing pngs
stripping jpeg metadata
converting gif to png
optimizing gif animations
smush.it
progressive jpegs for large images
alpha transparency: avoid alphaimageloader
effects of alpha transparency
alphaimageloader
problems with alphaimageloader
progressively enhanced png8 alpha transparency
optimizing sprites
?ber-sprite versus modular sprite
highly optimized css sprites
other image optimizations
avoid scaling images
crush generated images
favicons
apple touch icon
summary
11. sharding dominant domains
critical path
who’s sharding?
downgrading to http/1.0
rolling out sharding
ip address or hostname
how many domains
how to split resources
newer browsers
12. flushing the document early
flush the head
output buffering
chunked encoding
flushing and gzip
other intermediaries
domain blocking during flushing
browsers: the last hurdle
flushing beyond php
the flush checklist
13. using iframes sparingly
the most expensive dom element
iframes block onload
parallel downloads with iframes
script before iframe
stylesheet before iframe
stylesheet after iframe
connections per hostname
connection sharing in iframes
connection sharing across tabs and windows
summarizing the cost of iframes
14. simplifying css selectors
types of selectors
id selectors
class selectors
type selectors
adjacent sibling selectors
child selectors
descendant selectors
universal selectors
attribute selectors
pseudo-classes and pseudo-elements
the key to efficient css selectors
rightmost first
writing efficient css selectors
css selector performance
complex selectors impact performance (sometimes)
css selectors to avoid
reflow time
measuring css selectors in the real world
appendix: performance tools
index