用于优化CSS交付的样式表数组

我目前正在使用这段代码优化css交付，但这只适用于一个样式表。我如何编辑它以接受样式表数组

此代码取自谷歌PageSpeed Insights的建议

另外，如果有一个更简单的代码片段可以使用，它仍然可以完成任务，我也会100%接受它！我已经找到了几个不同的CSS交付优化答案，但没有一个可以提供多个样式表

//add Font Awesome
      var cb = function() {
        var l = document.createElement('link'); l.rel = 'stylesheet';
        l.href = '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css';
        var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
      };
      var raf = requestAnimationFrame || mozRequestAnimationFrame ||
          webkitRequestAnimationFrame || msRequestAnimationFrame;
      if (raf) raf(cb);
      else window.addEventListener('load', cb);

您可以创建一个数组，然后单击

var cb=function（）{
变量表=[
“//maxcdn.bootstrapcdn.com/font awesome/4.3.0/css/font awesome.min.css”，
“//maxcdn.bootstrapcdn.com/font-awesome2/4.3.0/css/font-awesome.min.css”，
“//maxcdn.bootstrapcdn.com/font-awesome3/4.3.0/css/font-awesome.min.css']；
var h=document.getElementsByTagName（'head'）[0]；
对于（变量i=0；ielse窗口。addEventListener（'load'，cb）如何“优化”CSS交付？此代码在页面加载后加载CSS。我想在页面加载后加载不止一个样式表，这就是我的问题所在。@nototherliche这是一个有效的问题，但是如果页面加载和样式加载可能要晚得多，用户体验会差得多（你的站点看起来会崩溃）。最好是优化CSS文件，使其加载速度更快…@something在这里，你是对的，确保首先加载折叠上方内容所需的样式是很重要的。有些人建议把这些文件排成一行，但我通常会创建一个单独的样式表，并将其保存在我的脑海中。从名称判断，这些文件只包含字体？那么这样做可能是可以接受的。但我仍然认为，如果页面在一段时间后改变，即使只是字体改变，也不利于用户体验。这非常有效。谢谢=）谷歌应该将此添加到他们的页面！