When the CSS file does not match the HTML type declaration of the media content, is it still loaded?

Question

when i have

<link type= "text/css" rel="stylesheet" media="screen and (max-width: 480px)" href="css/480.css"> 

and the page is not within the request parameters, will the device download the CSS file, but will not display it or will not load at all? And when the page changes and is now suitable for asking, will the file load?

Answer 1

No matter what media says, it will be downloaded. You are better off using @media blocks inside your main stylesheet if the goal is to improve performance.

Cm:

• Why do all browsers download all CSS files — even for media types that they don’t support?
• Separate tables with multiple styles in responsive web design

I'm not sure if this is good or bad, but considering your question:

When the page changes and now matches the query, will the file load?

If that were the case, there is a good chance that the user will experience some lag waiting for CSS to load “on demand”.