Close Mode: Why Browsers show different performance results


The article considers as browsers, including Chrome and Safari, not only download resources such as images and scripts, but also how they priority these resources. Chrome and Safari have introduced a "close mode" that limits which resources are loaded and in what order, but they choose quite different approaches to this.
🚀 "Close Mode" is a way in which browsers load resources from the server. In this mode, browsers limit the loading of low priority resources to the time when the body of the document is connected to the document (after execution of all blocking scripts in the title).
🧠 Understanding "close mode" can be difficult because it includes a number of nuances. For example, in Chrome and Safari, the "tight" mode is performed differently. In Chrome it is activated only in the presence of a locking javascript in
while in Safari it is activated in the presence of a blocking JavaScript or CSS anywhere in the document.- 📌 Browsers use "close mode" to prioritize resource loading.
- 📌 Chrome and Safari implement "close mode" differently.
- 📌 Firefox does not use "close mode".
Для підготовки контенту ми дослідили статті, присвячені сучасним підходам у створенні сайтів, UX/UI дизайну та просуванню в Google:
https://www.smashingmagazine.com/2025/01/tight-mode-why-browsers-produce-different-performance-results/