渲染阻塞 css主要体现在以下几个方面：渲染阻塞 CSS 会延迟网页的可见性，也就是说你的每一个 css 文件可能都会延迟你的页面渲染，你的 css 越大，页面加载的时间就越长，你拥有的 css 文件越多，页面加载的时间就越长。很多 SEO 测试工具都会提到这个概念，那么渲染阻塞 css为什么不受搜索引擎待见呢？根本原因就是浏览器和百度，谷歌蜘蛛加载爬取网站时，渲染阻塞的 css 大概率会使你的网站变慢，它们的加载效率就会受到影响。
如何减少渲染阻塞的 css 对SEO 的影响？
两个思路：
1、减少关键路径中的 css 文件数量
2、正确地标记，调用你的 css 文件
一. 如何正确调用 CSS
一般asp，php网站上的网页可以用很多方法调用 CSS，当然了，wordpress站点的话，一般稍微简单点，在调用 css 的时候，这里要注意的地方就是：不要使用@import 来调用 css 文件。这种调用 CSS 的方法很不好，因为它会增加加载页面之前加载 CSS 所需的时间。一般@import CSS 导入看起来像这样，通常位于文件的顶部附近。
@import url(“style.css”)
解决方案: 换种方式调用并替换它们。与其使用 import 方法调用这个 css 文件，不如将这个附加的 css 保存在一个文件中(将导入的 css 复制并粘贴到原始的 css 文件中)。
比如：
<link rel=”stylesheet” href=”style.css”>
注意将”style.CSS”替换为 CSS 文件的对应的位置和名称
之所以强调 css 标签的正确性，是因为浏览器默认会在渲染网页之前加载所有 css，正确标记就是为了把那些不必要的css文件等网页加载完以后再加载。比如大部分网站的css流行标记方式：<link href=”style.css” rel=”stylesheet”> ，意思就是调用的 css 都会在呈现任何网站内容之前被浏览器加载掉。现在让我们看另外一个 css 文件标记的例子，它使得css在呈现页面之前不必加载，也就是用于打印的 css 指令：
<link href=”print.css” rel=”stylesheet” media=”print”>
由于 css 被标记为媒体”打印”，主流浏览器就知道 css 文件不是呈现页面所必需的。因此，浏览器会降低 css 文件加载的优先级。它仍然会下载它，但是它也就不会阻塞渲染了。再比如：这里我们有一个 css 文件，当一个页面的宽度是一定的时候使用:
<link href=”other.css” rel=”stylesheet” media=”(min-width: 40em)”>
浏览器可以理解这个 css 在某些情况下使用而在其他情况下不使用，所以浏览器可以选择在渲染之前不加载这个 css 文件。
二、减少关键路径中的 css 文件数量
正如我们上面讨论的那样正确地标记了 css，那么你也应该开始从关键路径中删除 css 文件了，减少它的数量了。思路是两个：合并CSS和内嵌CSS。有css基础的童鞋都知道页面使用的每个 css 文件都需要调用一个额外的文件，一个网页通常有一个大的 CSS 文件和许多小的 CSS 文件。比如一个 WordPress 站点，你的网页主题的 CSS 是在一个大的 CSS 文件中的，但是你添加的小工具和插件可能有一些小的 CSS 文件，这些文件与你的主 CSS 文件是分开加载的，所以呢，它的弊端就是额外增加了网页加载的时间。这也会同样出现在静态网站上，因为许多网页设计师，开发者认为用分离的 css 文件，来方便工作。
不过注意的是，再改动之前，最好和开发者好好沟通一下，因为加载一个或两个 css 文件而不是多个 css 文件之间的差异通常可以节省一秒或更多的页面加载时间。因为有的开发者是坚持自己的观点的，也是为了自己的工作效率考虑，不想改动，那也是没办法的事情（程序宝宝可不好说服啊，做好思想准备！）。
还有一种情况就是有的站长是通过广告赚钱的，比如你通过谷歌的 Adsense 赚钱，你的广告会更快出现(因为它们不需要和正在加载的 css 文件竞争)。还有如果你是电子商务商店的企业，那么为用户提供最快的体验，更少的 css 文件将会为你的用户提供更快、更清晰的浏览购买体验。 具体的操作也不难，就是要组合你想要合并的 CSS，可以从一个 CSS 文件复制 CSS 并将其粘贴到另一个大的 css 文件中。这样做之后，注意必须删除对该 CSS 文件的调用。内嵌css的意思就是移除一个 css 文件，并把它放在 html 内部中进行展示，比如你放百度统计代码的那段代码其实也是内嵌的一种。
