Responsive & Fast

Table of Contents

1. 1. Quick Introduction to RWD
   1. Background
   2. Dedicated Website Challenges
   3. Responsive Web Design 101
   4. What This Book Is NOT
2. 2. Performance and Responsive Web Design
   1. The Woes of Cellular
   2. Core Performance Problem: Over-Downloading
   3. Speed Matters
3. 3. Image Over-Downloading
   1. Problem: Download and Hide
   2. Problem: Download and Shrink
   3. Solution: Responsive Images
      1. CSS Responsive Images
         1. Responsive Background Image Pitfalls
      2. Standardizing Responsive Images
         1. srcset
         2. <picture>
         3. Client Hints
         4. Standard Proposals and Hidden Images
      3. JavaScript Loader
   4. Choosing Responsive Image Breakpoints
   5. Generating Responsive Images
   6. Summarizing Responsive Images
4. 4. JavaScript and CSS Over-Downloading
   1. CSS and JavaScript Rendering Impact
   2. Problem: Hidden Single Point Of Failure (SPOF)
   3. Solution: Conditional Loading
   4. Including Multi-Viewport CSS
   5. Summarizing Responsive JavaScript and CSS
5. 5. HTML Over-Downloading
   1. DOM Bloat
   2. Conditionally Loading HTML
   3. Prioritizing Critical Resources
   4. Summarizing Responsive HTML
6. 6. RESS and Adaptive Delivery
   1. Adaptive Delivery
      1. Adaptive Delivery versus Responsive Web Design
   2. Implementing RESS
      1. RESS Content
      2. RESS Granularity
      3. RESS Detection
      4. RESS for Resources
   3. RESS and Caching
      1. First-Party Cache
      2. Third-Party Cache
   4. Summarizing RESS and Adaptive Delivery
7. 7. Summary
   1. What to Use When?
   2. The Bigger Performance Picture
   3. Responsive and Fast
8. A Note From Akamai
9. Copyright