purelocal
New Coder
Hey people ,
My site has 1 100% cover background per page - in CSS - to display different sizes by screen size the following can be used :
@media screen and (min-width:460px) {
background image with ~460px size
@media screen and (min-width:1280px) {
background image with ~1280px size
...etc
My question is : I seem to think that this would add more large files to my CSS and do nothing but increase load time - does Google or user download all of these files or is it only pulled when it matches the CSS media criteria according to the users/agents/bots device width ?
Website for reference : https://www.purelocal.com.au/
My site has 1 100% cover background per page - in CSS - to display different sizes by screen size the following can be used :
@media screen and (min-width:460px) {
background image with ~460px size
@media screen and (min-width:1280px) {
background image with ~1280px size
...etc
My question is : I seem to think that this would add more large files to my CSS and do nothing but increase load time - does Google or user download all of these files or is it only pulled when it matches the CSS media criteria according to the users/agents/bots device width ?
Website for reference : https://www.purelocal.com.au/