title: How to load CSS asynchronously without using JavaScript?
body: <p>Suppose if I have a website <a href="http://somethingsomething.com">http://somethingsomething.com</a></p>
  
  <p>And I have 3 css file </p>
  
  <ul>
  <li>common.css</li>
  <li>homepage.css</li>
  <li>inner-pages.css</li>
  </ul>
  
  <p><code>homepage.css</code> is required for homepage and <code>common.css</code> is for whole site but <code>inner-pages.css</code> is for other pages only and it's big file. Is it possible to load <code>inner-pages.css</code> after homepage data download. In the same way like we use <code>async</code> attribute for <code>script</code> tag. As far as I know  <code>async</code> attribute is only for JS not CSS</p>
  
  <p>my one friend suggested to use requirejs for this <a href="http://requirejs.org/docs/faq-advanced.html#css">http://requirejs.org/docs/faq-advanced.html#css</a> but I don't want to use javascript to load css and even I would think upon JS way i would not use require.js just for this. So if it is not possible with CSS only. what would be the simple JS way to do this?</p>