我有一个网站,我使用fontawesome。我过去常常包括fontawesome
<link rel="stylesheet" src="example.com/fa.css">
现在我使用以下脚本来异步加载css:
<link rel="stylesheet" src="example.com/fa.css">
但我怀疑这个// Asynchronously load non-critical css
function loadCSS(e, t, n) {
"use strict";
var i = window.document.createElement("link");
var o = t || window.document.getElementsByTagName("script")[0];
i.rel = "stylesheet";
i.href = e;
i.media = "only x";
o.parentNode.insertBefore(i, o);
setTimeout(function() {
i.media = n || "all"
})
}
// load css file async
loadCSS("//example.com/fa.min.css");
会比script
增加整页加载时间。
那么谁能告诉我哪一个会更快更有效?