Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unused CSS preload

See original GitHub issue

I’ve only just started getting this problem with a new nextjs app, where css files aren’t preloaded, and therefore not used at all:

A preload for 'https://*******.vercel.app/_next/static/css/db098983a22a0aa338df.css' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.

I’m using sass modules, and this is with nextjs 9.5.3 and webpack 5 (but the same issue occurs with webpack 4). Any ideas?

_Originally posted by @howells in https://github.com/vercel/next.js/discussions/16850_

Issue Analytics

State:
Created 3 years ago
Reactions:19
Comments:20 (4 by maintainers)

Top GitHub Comments

9reactions

ilanbmcommented, Oct 29, 2020

same on "next": "^10.0.0",

6reactions

SigurdMWcommented, Oct 6, 2020

Any update on this issue or workaround? I’m experiencing the same problem.

Top Results From Across the Web

Http/2 preloaded css is not applied and considered unused

The resource http://localhost:8080/core.css was preloaded using link preload but not used within a few seconds from the window's load event.

Remove Unused CSS - WP Rocket Knowledge Base

Clear the cache of the URL and preload that if the "Preload" feature is active. Remove all stylesheets and inline CSS from the...

preload key requests and unused css - WordPress.org

Hi, I launched pagespeed. Pagespeed gives me a problem with preload key requests on the woff font. It also tells me that I...

How to Inline Critical CSS and Defer Unused CSS in WordPress

Preload plays a helpful role especially in solving LCP issues of images and fonts. To remove the “Preload Key Requests” flag, Pagespeed Insights ......

Remove unused CSS - Chrome Developers

Learn about the unused-css-rules audit. ... Then load the rest of the styles asynchronously using the preload link.