Mobile-First CSS: Is It Time for a Rethink?

Separating the CSS and specifying a media attribute value on each link tag allows the browser to prioritize what it currently needs. Out of the five files listed above, two will be downloaded with Highest priority: the default file, and the file that matches the current media query. The others will be downloaded with Lowest priority.

I'm still absorbing this as a concept… but it feels like a potential path forward. Any post that causes such a strong negative reaction in me but I keep coming back deserves my full attention.

Probably time to prototype this on my blog.

Mobile-First CSS: Is It Time for a Rethink? - alistapart.com


🔖
Changelog
  • 2022-06-23 09:37:42 -0500
    add delimiters

  • 2022-06-23 09:36:29 -0500
    add tag

  • 2022-06-23 09:35:11 -0500
    link post