Я пытаюсь устранить блокировку рендеринга для своего сайта, но у меня проблема с ними. Я загружаю файлы css с помощью следующего кода:
<script>
var loadDeferredStyles = function() {
var addStylesNode = document.getElementById("deferred-styles");
var replacement = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement)
addStylesNode.parentElement.removeChild(addStylesNode);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
else window.addEventListener('load', loadDeferredStyles);
</script>
<noscript id="deferred-styles">
<link href="/template/styles/main.min.css" rel="stylesheet">
<link href="/template/styles/style.min.css" rel="stylesheet">
<link href="/template/styles/bootstrap.min.css" rel="stylesheet">
<link href="/template/styles/bootstrap-flipped.css" rel="stylesheet">
<link href="/template/styles/swiper.min.css" rel="stylesheet" >
<link href="/template/styles/fontiran.min.css" rel="stylesheet">
<link href="/template/styles/font-awesome.min.css" rel="stylesheet">
<link href="/template/styles/animate.min.css" rel="stylesheet">
<link href="/template/styles/owl.carousel.css" rel="stylesheet">
<link href="/template/styles/owl.transitions.css" rel="stylesheet">
<link href="/template/styles/responsive.css" rel="stylesheet">
<link href="/template/styles/theme-default.css" rel="stylesheet" type="text/css" />
</noscript>
но в «Инструменты скорости страницы Google> Insights» отображается блокировка файлов css. помогите мне решить эту проблему ^ _ ^