Tailwind vs Semantic CSS
nuejs.org
Comparing two identically designed websites, their weight, amount of HTML and CSS, rendering speed, and best practices.

This study compares two websites with similar design: the commercial Spotlight template from developers of Tailwind vs the same site with semantic CSS.

  • flying_sheep@lemmy.ml
    10·
    8 months ago

    The primary CSS is inlined on the HTML page so that all the assets for the first viewport are fetched in the initial request.

    It’s funny, with HTTP 2, one can go back to just putting the style element back into <head/> where it belongs and gets the same exact behavior.