CSS @import chains on Wix sites

Sites with no @import rules CSS @import rules have a good LCP most often: 92%, against 92% of all Wix sites.

No @import rules is the most used: 99.4% of Wix sites.

React sets the CSS @import rules to no @import rules on 99% of its sites, and 92% of React sites have a good LCP, against 92% of all sites.

FrameworkCSS @import rules on its sitesGood LCP

All Wix sites 5,621 sitesNo @import rules 99%92%

React 5,620 sitesNo @import rules 99%92%

No @import rules Uses CSS @import

Does the framework explain the CSS @import rules difference?

Almost every site with no @import rules CSS @import rules is a React site, and almost every React site has no @import rules CSS @import rules, so the data can't tell no @import rules CSS @import rules and React apart.

Why CSS @import defeats the browser preload scanner

Every external stylesheet blocks rendering by default, but <link rel="stylesheet"> tags are visible in the initial HTML markup so the preload scanner fetches them in parallel. @import hides dependencies inside CSS files: the browser must download the parent stylesheet, parse its rules, and only then open a second request for the imported file. Across 5,590 sites (99.4%) without @import, good LCP reaches 92% (1.2s median), while the 31 sites (0.6%) using @import record 100% good LCP (1.1s median).