Оптимизировать доставку CSS... но я загружаю стили в JS

Question

Я получаю жалобы на скорость страницы об "Оптимизации доставки CSS" только для 3 таблиц стилей на вкладке для мобильных устройств (а затем и на наборе текста), вкладка рабочего стола не плачет ни по одному из этих файлов, и я получаю 95/100 хотя на мобильной вкладке это больше похоже на 60/100.

Я загружаю typekit с помощью загрузчика веб-шрифтов Google (async), затем загружаю CSS в голову с помощью этого метода JS (обернут в функцию, поэтому он не должен загружаться до нижней части страницы, где находится JS):

<script>
    (function(){
        var stylesheets = [
            "/resources/third_party/slick/1.3.6/css/slick.css",
            "/resources/site/css/main.css",
            "/resources/third_party/animate.css/css/animate.min.css"
        ];
        for(var i = 0; i < stylesheets.length; i++){
            var stylesheet = document.createElement('link');
            stylesheet.href = stylesheets[i];
            stylesheet.rel = 'stylesheet';
            stylesheet.type = 'text/css';
            document.getElementsByTagName('head')[0].appendChild(stylesheet);
        }
    }());
</script>

Кто-нибудь еще испытал это или мог бы предложить, что я мог бы сделать, чтобы улучшить это дальше?

Спасибо

Answer 1

Я думаю, что проблема здесь заключалась в том, что сторонние файлы CSS не были минимизированы.