CSS delivery optimization: How to defer css loading?

by

If you don’t mind using jQuery, here is a simple code snippet to help you out. (Otherwise comment and I’ll write a pure-js example

function loadStyleSheet(src) {
    if (document.createStyleSheet){
        document.createStyleSheet(src);
    }
    else {
        $("head").append($("<link rel="stylesheet" href=""+src+" />"));
    }
};

Just call this in your $(document).ready() or window.onload function and you”re good to go.

For #2, why don’t you try it out? Disable Javascript in your browser and see!

By the way, it’s amazing how far a simple google search can get you; for the query "post load css", this was the fourth hit…
http://www.vidalquevedo.com/how-to-load-css-stylesheets-dynamically-with-jquery

More Related Contents:

  1. CSS Propertie change OnClick [closed]
  2. My website doesn’t load jQuery [closed]
  3. HTML CSS exersice, simple (just to understand the task)
  4. Should the Bootstrap media queries be saved in a css file or a js file?
  5. Embed live tv channel from website into my website
  6. Retrieve the position (X,Y) of an HTML element
  7. Determine if an HTML element’s content overflows
  8. Make header and footer files to be included in multiple html pages
  9. HTML5 Canvas Resize (Downscale) Image High Quality?
  10. Can I force a link to open in a specific browser?
  11. Why write when the mime type is set by the server?
  12. How to make Internet Explorer emulate pointer-events:none?
  13. How to show popup message like in Stack Overflow
  14. Dropdown select with images
  15. flow 2 columns of text automatically with CSS
  16. In Javascript, how do I “clear” the back (history -1)?
  17. Show a second dropdown based on previous dropdown selection
  18. How can I change the font (family) for the labels in Chart.JS?
  19. Unusual shape of a textarea?
  20. How to display Image dynamically on UI?
  21. Is there a way to curve / arc text using CSS3 / Canvas
  22. CSS Textarea that expands as you type text [duplicate]
  23. Get a number for a style value WITHOUT the “px;” suffix
  24. How to make superfish dropdown menu responsive?
  25. Animate marquee on SVG curve
  26. Rotate div text after clicking on button using jquery and css
  27. How to use pagination on HTML tables?
  28. How to access css properties in javascript when applied via external CSS file?
  29. How can I reorder elements with JavaScript?
  30. Can you have multiple lines in an element?

Leave a Comment