High Performance Web Sites by Souders, Steve -- Read -- Imperial Library of Trantor

Index

High Performance Web Sites

SPECIAL OFFER: Upgrade this ebook with O’Reilly Praise for High Performance Web Sites Foreword Preface

How This Book Is Organized Conventions Used in This Book Code Examples Comments and Questions Safari® Books Online Acknowledgments

1. The Importance of Frontend Performance

Tracking Web Page Performance Where Does the Time Go? The Performance Golden Rule

2. HTTP Overview

Compression Conditional GET Requests Expires Keep-Alive There's More

3. Rule 1: Make Fewer HTTP Requests

Image Maps CSS Sprites Inline Images Combined Scripts and Stylesheets Conclusion

4. Rule 2: Use a Content Delivery Network

Content Delivery Networks The Savings

5. Rule 3: Add an Expires Header

Expires Header Max-Age and mod_expires Empty Cache vs. Primed Cache More Than Just Images Revving Filenames Examples

6. Rule 4: Gzip Components

How Compression Works What to Compress The Savings Configuration

Apache 1.3: mod_gzip Apache 2.x: mod_deflate

Proxy Caching Edge Cases Gzip in Action

7. Rule 5: Put Stylesheets at the Top

Progressive Rendering sleep.cgi Blank White Screen

CSS at the Bottom CSS at the Top

Flash of Unstyled Content What's a Frontend Engineer to Do?

8. Rule 6: Put Scripts at the Bottom

Problems with Scripts Parallel Downloads Scripts Block Downloads Worst Case: Scripts at the Top Best Case: Scripts at the Bottom Putting It in Perspective

9. Rule 7: Avoid CSS Expressions

Updating Expressions Working Around the Problem

One-Time Expressions Event Handlers

Conclusion

10. Rule 8: Make JavaScript and CSS External

Inline vs. External

In Raw Terms, Inline Is Faster Page Views Empty Cache vs. Primed Cache Component Reuse

Typical Results in the Field Home Pages The Best of Both Worlds

Post-Onload Download Dynamic Inlining

11. Rule 9: Reduce DNS Lookups

DNS Caching and TTLs

Factors Affecting DNS Caching TTL Values

The Browser's Perspective

Internet Explorer Firefox

Reducing DNS Lookups

12. Rule 10: Minify JavaScript

Minification Obfuscation The Savings Examples Icing on the Cake

Inline Scripts Gzip and Minification Minifying CSS

13. Rule 11: Avoid Redirects

Types of Redirects How Redirects Hurt Performance Alternatives to Redirects

Missing Trailing Slash Connecting Web Sites Tracking Internal Traffic Tracking Outbound Traffic Prettier URLs

14. Rule 12: Remove Duplicate Scripts

Duplicate Scripts—They Happen Duplicate Scripts Hurt Performance Avoiding Duplicate Scripts

15. Rule 13: Configure ETags

What's an ETag?

Expires Header Conditional GET Requests Last-Modified Date Entity Tags

The Problem with ETags ETags: Use 'Em or Lose 'Em ETags in the Real World

16. Rule 14: Make Ajax Cacheable

Web 2.0, DHTML, and Ajax

Web 2.0 DHTML Ajax

Asynchronous = Instantaneous? Optimizing Ajax Requests Caching Ajax in the Real World

Yahoo! Mail Google Spreadsheets

17. Deconstructing 10 Top Sites

Page Weight, Response Time, YSlow Grade How the Tests Were Done Amazon AOL CNN eBay Google MSN MySpace Wikipedia Yahoo! YouTube

Index About the Author Colophon SPECIAL OFFER: Upgrade this ebook with O’Reilly

← Prev
Back
Next →

← Prev
Back
Next →