mszynka · September 21, 2015 20:57
diff --git a/index.html b/index.html
 <html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <title>LazyLoader</title>
    <noscript>
      <link href="style.css" rel="stylesheet">
    </noscript>
  </head>
  <body>
    <script src="script.js"></script>
  </body>
 </html>
diff --git a/script.js b/script.js
 function lazyLoadStyles(element, cssClass) {
 	var head = document.getElementsByTagName('head')[0];
 	var css = head.querySelector(element + "." + cssClass);
 	var links = document.createElement('div');
 	links.innerHTML = css.textContent;

 	while (links.childNodes.length)
 		head.appendChild(links.firstChild); 

 	head.getElementsByTagName('noscript')[0].remove();
 }

 window.onload = function() {
  lazyLoadStyles("noscript", "lazyload")
 }
diff --git a/style.css b/style.css
 html,body {
  width: 100%;
  height: 100%;
  background-color: green;
 }
	<html>
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<title>LazyLoader</title>
	<noscript>
	<link href="style.css" rel="stylesheet">
	</noscript>
	</head>
	<body>
	<script src="script.js"></script>
	</body>
	</html>
	function lazyLoadStyles(element, cssClass) {
	var head = document.getElementsByTagName('head')[0];
	var css = head.querySelector(element + "." + cssClass);
	var links = document.createElement('div');
	links.innerHTML = css.textContent;

	while (links.childNodes.length)
	head.appendChild(links.firstChild);

	head.getElementsByTagName('noscript')[0].remove();
	}

	window.onload = function() {
	lazyLoadStyles("noscript", "lazyload")
	}