繁体   English   中英

如何使我的 css 文件异步?

[英]How can I make my css files asynchronous?

我可以异步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 ?

<script>标签支持 async 属性来执行异步加载(否则所有脚本都会阻塞页面渲染,直到它们完全加载)

<style>标签根本不支持 async 属性,但您可以在每个 CSS 样式表中使用以下语法来模拟它

<link rel="preload" href="mystyles.css" as="style" onload="this.rel='stylesheet'">      
// create a link tag
var link = document.createElement( "link" );
link.rel = "stylesheet";
link.href = "main.css";

然后调用插入此链接标记的异步函数。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM