zakirt/css-load.html

## css-load.html
<!DOCTYPE html>

<html>
    <head>
        <style>
            /*
            Inline above the fold CSS
            */
        </style>

        <noscript><link rel="stylesheet" href="/css/below-the-fold.min.css"></noscript>
    </head>

    <body>
        <!-- HTML Content -->

        <script>
            /*
            Load below the fold CSS
            */

            // Use setTimeout to make this JS code asynchronous
            setTimeout(function() {

                var cb = function() {
                    var l = document.createElement('link');
                    var h = document.getElementsByTagName('head')[0];

                    l.rel = 'stylesheet';
                    l.href = '/css/below-the-fold.min.css';
                    h.parentNode.insertBefore(l, h);
                };

                var vendors = ['ms', 'moz', 'webkit', 'o'];
                var raf = window.requestAnimationFrame;

                for (var i = 0, len = vendors.length; i < len && !raf; i += 1) {
                    raf = window[vendors[i] + 'RequestAnimationFrame'];
                }

                if ( raf ) {
                    raf(cb);
                } else {
                    window.addEventListener('load', cb);
                }
            });
        </script>
    </body>
</html>
	<!DOCTYPE html>

	<html>
	<head>
	<style>
	/*
	Inline above the fold CSS
	*/
	</style>

	<noscript><link rel="stylesheet" href="/css/below-the-fold.min.css"></noscript>
	</head>

	<body>
	<!-- HTML Content -->

	<script>
	/*
	Load below the fold CSS
	*/

	// Use setTimeout to make this JS code asynchronous
	setTimeout(function() {

	var cb = function() {
	var l = document.createElement('link');
	var h = document.getElementsByTagName('head')[0];

	l.rel = 'stylesheet';
	l.href = '/css/below-the-fold.min.css';
	h.parentNode.insertBefore(l, h);
	};

	var vendors = ['ms', 'moz', 'webkit', 'o'];
	var raf = window.requestAnimationFrame;

	for (var i = 0, len = vendors.length; i < len && !raf; i += 1) {
	raf = window[vendors[i] + 'RequestAnimationFrame'];
	}

	if ( raf ) {
	raf(cb);
	} else {
	window.addEventListener('load', cb);
	}
	});
	</script>
	</body>
	</html>