Как я могу сделать мои CSS-файлы асинхронными?

Question

Я могу асинхронизировать JSS:

<script type="text/javascript">
    (function() {
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'http://www.gbilet.com/bundles/js?v=Yur37nohu3520qcbUHF9UVZYqsXFf5BzamwK0bJ0zjE1';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    })();
</script>

Как я могу просто понравиться cs ??

Answer 1

// create a link tag
var link = document.createElement( "link" );
link.rel = "stylesheet";
link.href = "main.css";

И затем вызвать асинхронную функцию, которая вставляет этот тег ссылки.

Answer 2

Тег <script> поддерживает атрибут async для выполнения асинхронной загрузки (в противном случае все сценарии будут блокировать рендеринг страницы до полной загрузки)

Тег <style> вообще не поддерживает атрибут async, но вы можете эмулировать его, используя синтаксис ниже при каждом включении таблицы стилей CSS

<link rel="preload" href="mystyles.css" as="style" onload="this.rel='stylesheet'">