I am going to be redesigning my site. I am going to be using different css files via media queries to optimize for different resolutions. There are a couple main ones to optimize for, but I am willing to spend the time and do small edits to optimize my css for maybe around 6 different screen sizes. Now I want to know, if I use media queries with the min and max, and min device and max device...- will that slow down my site when initially loading?
i would say, make all the css into one file. So include the style within those media queries and don't link so many css files from the media queries. Loading more files means more http requests and that decrease performance.