2016-01-25 2 views
0

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

Я загружаю 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> 

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

Благодаря

+0

У вас есть URL-адрес, где мы можем проверить это в действии? Это может быть легче диагностировать с помощью рабочего примера ... – Deano

ответ

0

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

Смежные вопросы