no-render-blocking-import

Warn on CSS @import rules that can delay stylesheet discovery and rendering.

What this catches

• @import url("theme.css")
• @import "layout.css"
• optional layered imports when allowLayerImports is not enabled

Rule options

Option	Default	Why
allowLayerImports	false	Layered imports are still CSS imports, so they stay blocked unless explicitly allowed.
ignoreUrls	[]	Allows known import URLs during incremental migration.

{
 "css-performance-budget/no-render-blocking-import": [
  true,
  {
   "allowLayerImports": false,
   "ignoreUrls": ["fonts.googleapis.com"]
  }
 ]
}