Search code examples
htmlcssminify

Browser not showing css sources from minified css in developer tools

I have added a minifed css to my website for better speed and performance. However, When i look into the browsers developer tools, the css sources for any elements are coming from nomal theme.css file, instead of theme.min.css.

I dont know wheather my minified css files is being used or not? Anyone please guide.

Also, I have theme.min.css.map file. When its being used?

Solution

  • If you see the minified CSS file path in your tags, it's being used. If Chrome developer tools show the original file in italic, it's being referenced by the map. Like this:

    enter image description here

    Image taken from: Why does Chrome devtools show these folders in orange and in italics?