4. Parser stops for (non-async) <script…> until:
• All previous CSS has been downloaded/processed
• The script code has been downloaded, parsed and
executed
6. Resources can only be loaded when discovered:
• Preload scanner finds resources in markup
• CSS, scripts, images
• Fonts and background images discovered during layout
• document.write discovered at write time
7.
8. Optimal Ordering (for the user)
Render-blocking resources first
• CSS/Scripts in order needed, using 100% of bandwidth
• Fonts
9. Optimal Ordering (for the user)
Parser-blocking next
• Blocking scripts in order, using 100% of bandwidth
39. Recommendations
• Test your HTTP/2 production deployment
• Stop Sharding
• Minimize 3rd-party resources early in load
• Use priority hints
• Hide non-critical resources (maybe)