Skip to content

Stylesheets using rel="preload" as="style" are now flagged as render‑blocking #17104

Description

@monkeysdocode

FAQ

URL

https://creativetouchrotherham.co.uk/

What happened?

Lighthouse has started flagging all our CSS stylesheets as render‑blocking, even though each one is explicitly preloaded using rel="preload" as="style" in the HTML. Two of the stylesheets are also preloaded via the Link response header. Historically Lighthouse has never treated these preloaded stylesheets as render‑blocking, but recent Lighthouse runs consistently list them under “Render‑blocking resources” and attribute LCP delay to them.

Image

What did you expect?

Preloaded stylesheets (rel="preload" as="style" and/or Link: <...>; rel=preload; as=style) should not be classified as render‑blocking. Preload fetches the stylesheet early, and Lighthouse previously recognised this behaviour correctly. I expected Lighthouse to continue excluding these preloaded CSS files from the render‑blocking audit.

What have you tried?

  • Verified that all preload tags are present and correctly formed in the HTML.
  • Confirmed that the server sends valid Link: rel=preload; as=style headers for the primary and secondary stylesheets.
  • Checked MIME types, caching headers, and transfer sizes.
  • Reproduced the issue across multiple Lighthouse runs in Chrome DevTools and pagespeed.web.dev
  • Confirmed that no recent changes were made to the site’s preload strategy or CSS delivery.

How were you running Lighthouse?

Chrome DevTools

Lighthouse Version

13.2.0

Chrome Version

149.0.7827.116

Node Version

No response

OS

Windows

Relevant log output

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions