优化 CSS 交付：了解延迟 CSS 加载技术

为了提高网站性能，开发人员通常会优化 CSS 交付。 Google 开发者文档中提到的一项策略是在

但是，这给我们留下了一个问题：页面加载后如何加载大型 CSS 文件？

解决方案：推迟加载大型 CSS 文件

要推迟加载大型 CSS 文件，我们可以使用简单的 jQuery 代码代码片段：

    function loadStyleSheet(src) {
    if (document.createStyleSheet){
        document.createStyleSheet(src);
    }
    else {
        $("head").append($("<link rel='stylesheet' href='" src " />"));
    }
};

通过在$(document).ready()或者window.onload函数中调用该函数，我们可以在页面加载完成后动态加载CSS文件。

方法验证

要验证此方法是否有效，请尝试在浏览器中禁用 JavaScript，然后重新加载页面。如果应用了样式表后页面仍然正确加载，则表明 CSS 加载已成功延迟。

替代方法

还有延迟 CSS 加载的替代方法，例如与使用