Я получаю стопку страницы о «Оптимизации доставки 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>
Испытывал ли кто-нибудь еще это, или мог предложить, что я мог бы сделать, чтобы улучшить это дальше?
Благодаря
У вас есть URL-адрес, где мы можем проверить это в действии? Это может быть легче диагностировать с помощью рабочего примера ... – Deano