Question

我有一个网站www.nursecpdonline.com.au;它完全响应。

我现在遇到的问题是渲染样式表。我知道我应该创建一个关键CSS并在页面中内嵌它。

但是，我遇到的问题是所有<link rel="stylesheets">导致渲染阻塞高于 PageSpeed 中的折叠错误，并且知道谷歌也将对此进行搜索引擎优化排名。 / p>

我对如何修复它感到很遗憾，我尝试了各种各样的WordPress插件，但它们似乎只是打破了我的网站。

我设法通过WordPress中的插件添加异步来修复JS。

我已经在某个地方读过你可以<link rel="stylesheet">的任何地方，但是在标签中是否有人如何为css解决这个渲染问题？

Answer 1

这段代码提供了一个消除渲染阻止CSS的示例。看看你是否可以调整它以适合你的情况。

// append css dynamically to head
var head = document.getElementsByTagName('head');
var element = document.createElement('link');
element.rel = 'stylesheet';
element.type = 'text/css';
element.href = '//www.link-to-your-css-file.com/my.css';

// append the css file to the head
element.media = 'non-existant-media';
head.appendChild(element, head.firstChild);
setTimeout(function () {
    element.media = 'all';
});

Google PageSpeed消除了首屏内容Wordpress

1 个答案: