TLDR Web Dev · ARTICLES & TUTORIALS

TIGHT MODE: WHY BROWSERS PRODUCE DIFFERENT PERFORMANCE RESULTS

smashingmagazine.com9 min read

Summary from the TLDR Web Dev newsletter

Tight Mode is a resource-loading mechanism in Chrome and Safari that prioritizes high- and medium-priority resources during the initial loading phase while deferring low-priority resources until later. Chrome focuses on JavaScript in the `head` and makes exceptions for LCP-related images, while Safari considers both JavaScript and CSS throughout the document and strictly defers medium-priority resources.