Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Boris Kowalski
Boris Kowalski
13,589 Points

Does it have no negative impact on site rendering?

Does it have no negative impact on site rendering time when I use a lot more media queries than I would normally do as a huge block on the bottom of the css file?

3 Answers

Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

I don't know for sure, but my sense is that any negative impact would not be noticeable. You will have a much larger influence on performance by making sure you are mobile first because code inside a query that does not get evaluated if the conditions are not met.

Luke Pettway
Luke Pettway
16,593 Points
Luke Pettway
Luke Pettway
16,593 Points

As style sheets get larger, it starts to impact page load speed, but it isn't enough/shouldn't be enough on its own to matter. Really it is more about the amount of code and efficiency of the selectors rather than have more media queries.

Boris Kowalski
Boris Kowalski
13,589 Points
Boris Kowalski
Boris Kowalski
13,589 Points

Ok, thanks. I see the point in maintainability over the possible small impact.