Question

我只是在移动设备选项卡上获得3个样式表的“优化CSS交付”的页面速度呻吟（然后也是typekit），桌面选项卡不会对这些文件中的任何一个感到哭泣，我就像95 / 100，虽然在移动设备标签上它更像是60/100。

我正在使用google的webfont加载器（async）加载typekit，然后使用这个JS方法将CSS加载到头部（包装在一个函数中，因此它不应该加载到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文件没有缩小。

优化CSS交付...但我正在使用JS

1 个答案: