Programming is easy like riding a bike. Except the bike is on fire and you're on fire and everything is on fire and you're actually in hell (@matixmatix)
Hi, thanks for the article! I'm a bit confused about the third point:
Using min-width ensures that mobile styles get loaded without desktop styles mixed in.
Wouldn't that mean that the desktop styles would have the mobile styles mixed? Why is better for SEO to start from mobile and going up than the other way around?
It has to do with with pagespeed. If you have content jumping around on a mobile screen as your max-width media queries load in, it could affect the score...
But tbh, it would have to be a massive file with all the media queries at the end for such a thing to be noticeable (or if the mobile-only CSS is loaded after page load).
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Hi, thanks for the article! I'm a bit confused about the third point:
Using min-width ensures that mobile styles get loaded without desktop styles mixed in.
Wouldn't that mean that the desktop styles would have the mobile styles mixed? Why is better for SEO to start from mobile and going up than the other way around?
Thanks! :)
It has to do with with pagespeed. If you have content jumping around on a mobile screen as your max-width media queries load in, it could affect the score...
But tbh, it would have to be a massive file with all the media queries at the end for such a thing to be noticeable (or if the mobile-only CSS is loaded after page load).