Issue link: https://read.uberflip.com/i/1146286
viii | Table of Contents 3. Rule 3: Add an Expires Header . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 Expires Header 22 Max-Age and mod_expires 23 Empty Cache vs. Primed Cache 24 More Than Just Images 25 Revving Filenames 27 Examples 28 4. Rule 4: Gzip Components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 How Compression Works 29 What to Compress 30 The Savings 31 Configuration 31 Proxy Caching 33 Edge Cases 34 Gzip in Action 35 5. Rule 5: Put Stylesheets at the Top . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 Progressive Rendering 37 sleep.cgi 38 Blank White Screen 39 Flash of Unstyled Content 43 What's a Frontend Engineer to Do? 43 6. Rule 6: Put Scripts at the Bottom . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 Problems with Scripts 45 Parallel Downloads 46 Scripts Block Downloads 48 Worst Case: Scripts at the Top 49 Best Case: Scripts at the Bottom 49 Putting It in Perspective 50 7. Rule 7: Avoid CSS Expressions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 Updating Expressions 52 Working Around the Problem 52 Conclusion 54