Otimização de entrega de CSS: como adiar o carregamento de CSS?

estou tentandootimizar a entrega do CSS seguindo a documentação do google para desenvolvedoreshttps://developers.google.com/speed/docs/insights/OptimizeCSSDelivery#example

Como você pode ver no exemplo de inserir um pequeno arquivo CSS, o CSS crítico está embutido na cabeça eo small.css original é carregado após o onload da página.

<html>
  <head>
    <style>
      .blue{color:blue;}
    </style>
    </head>
  <body>
    <div class="blue">
      Hello, world!
    </div>
  </body>
</html>
<noscript><link rel="stylesheet" href="small.css"></noscript>

Minha pergunta sobre este exemplo:

Como carregar um grande arquivo css após o onload da página?

questionAnswers(5)

yourAnswerToTheQuestion