How to connect asynchronously a file with October CMS styles?

Question

OctoberCMS

PageSpeed ​​Insights asks "Remove render-blocking resources"
css/home.css 12 KB 180 ms
I read on the Internet that you need to include a css file asynchronously, using this method:

$(document).ready(function() {
    $("head").append("<link rel='stylesheet' type='text/css' href='/styles.css' />");
})

at the moment home.css is included in head.htm

with this code

[viewBag]
snippetCode = "head-slot" == {% component 'bronxSEOWidget' %}

<link rel="stylesheet" href="{{ 'assets/css/home.css'|theme }}" type="text/css" media="only screen" />

How and where to connect it so that Google speed does not swear ??

Answer 1

before </body> (closing body tag)