Would your website perform better if you created stylesheets for each screen size, rather than using a feature such as Bootstrap?

by

A quick test case shows that Chrome, at least, fetches all the stylesheets no matter what the media query says. This isn’t really surprising as users can resize windows. It holds true for device-width as well though.

Chrome

So there are no savings at all since all the stylesheets are downloaded.

This comes with the additional code of extra HTTP requests.

There are only negative performance implications.

More Related Contents:

  1. Blank Space To Right Of Webpage? (Hidden min-width?) [closed]
  2. How to choose right name for 2 same classes? [closed]
  3. change the menu font size
  4. Edit Footer line color css
  5. how to align the image to the center? [closed]
  6. Bold tag breaking the divs?
  7. How to keep :active css style after click a button
  8. CSS Not Being Responsive
  9. How to set tbody height with overflow scroll
  10. Inline elements shifting when made bold on hover
  11. How to use CSS to surround a number with a circle?
  12. How to make a always full screen?
  13. Make an image responsive – the simplest way [duplicate]
  14. How do I set a background-color for the width of text, not the width of the entire element, using CSS?
  15. Absolute positioning inside absolute position
  16. Use CSS to remove the space between images [duplicate]
  17. Borders disappear in Chrome when I zoom in
  18. How To Isolate a div from public CSS styles?
  19. CSS ONLY Animate Draw Circle with border-radius and transparent background
  20. Bootstrap 4 – Sticky footer – Dynamic footer height
  21. Center HTML Input Text Field Placeholder
  22. CSS – relative positioned parent div not stretching to absolute child div height
  23. html table cell width for different rows [duplicate]
  24. How does the z-index property really work?
  25. Linking to CSS in an SVG embedded by an IMG tag
  26. Understanding grid negative values
  27. How to pass parameters to css classes
  28. How to make a flex item not fill the height of the flex container? [duplicate]
  29. Complete list of reasons why a css file might not be working
  30. What is HTML’s tag default display type?

Leave a Comment