[英]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.