Как загрузить несколько ленивых файлов загрузки css

Question

Я хочу использовать ленивую загрузку css techinque по цене страницы Google. Во-первых, я пытаюсь объединить файл multi css в один файл, но у меня проблема с bootstrap переопределяет размер шрифта. Я не знаю, почему. Я проверил файл. Сначала загружается загрузка. однако он все еще отменяет.

Так что я хочу загрузить более одного файла css с помощью Javascript. вот код от google:

<script> 
    var cb = function() { 
    var l = document.createElement('link'); l.rel = 'stylesheet'; 
    l.href = 'css/test.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); 
</script> 

Как загрузить более одного файла с помощью этого кода?

Answer 1

var cb = function(href) { 
     var l = document.createElement('link'); l.rel = 'stylesheet'; 
     l.href = href; 
     var h = document.getElementsByTagName('head')[0]; h.appendChild(l); 
     }; 

Позвоните cb() стольких раз, сколько вам нужно с разными стилями

cb('css/style1.css'); 
cb('css/style2.css');