jquery - 仅在模板完全完成渲染时才加载 CSS

Question

我有一个指向 boostrap 样式表 cdn 的链接，它导致了一些渲染阻塞问题，根据 Google Page Speed Insights，这正在执行我的网站性能。我解决了这个问题，只采用了折叠引导 css 上方所需的并将其放入“critic_bootstrap.css”文件中。当页面完全呈现后，我确实想为所有其他不在首屏的样式加载该 Bootstrap CDN。我怎样才能做到这一点？我尝试在 jquery document.ready 函数中将它附加到我的文档的头部，但它似乎仍然会导致 PSI 呈现阻塞问题，就像它在呈现页面之前被加载一样。

Answer 1

试试这个:

$(document).ready(function(){
   $('head').append('<link rel="stylesheet" type="text/css" href="bootstrap.css">');
}