我已经阅读了大量的教程和＃34;修复＆＃34;推迟或异步加载CSS ... 3个小时后，我上床睡觉很头疼....
谷歌页面速度测试：您的页面有3个阻止CSS资源。这会导致呈现页面的延迟。我已经在网络上阅读了javascript方法，jquery方法和大量答案...感觉abit愚蠢有人可以在lamens中解释如何在不使用内联css的情况下进行这些加载......
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
答案 0 :(得分：0)
我有一些渲染阻止文件的经验。所以我分享它希望有所帮助，但你应该知道解决这个问题有点棘手，并不像你希望的那样直截了当。首先问自己这三个问题：
第一：您的内容是否优先考虑？
第二：你使用WordPress吗？
如果你这样做
三：你确定没有安装一些干扰插件吗？
首先：内容优先级的HTML5语义是必不可少的，但有可能使用它们是错误的。例如，在折叠内容上方可以看到像侧边栏这样的一个元素，但是它不被认为是折叠的上方。你知道渲染阻止意味着：加载页面需要一些在正确的时间没有的东西，它应该等待。不需要的元素可能会导致这种情况。
第二：如果您使用WordPress并且已经为它购买了一些主题，那么可能您的主题并非标准。问题可以解决，但不值得，需要时间，你应该考虑下一个主题更新。改变你的主题是我认为最容易的，但是纠正它是可能的。但是如果你使用一些静态页面，只需尽快调用CSS文件。
三：最近我的所有CSS和JavaScript文件都出现了这样的问题。这是因为使用插件来延迟加载图像。它搞砸了一切，我停用了它，问题解决了。它推迟了图像加载并获得了一些优势，但推迟了总页面加载以下载所有文件，比Pros更多的缺点！通过你的插件获取可能有影响力的东西。
我仍然有一个渲染阻止CSS，但我正在研究它。我使用插件来合并CSS文件，并且由此引起渲染阻塞。我正在消除尽可能多的插件，并在子主题中构建他们的能力以减少CSS文件请求然后我可以停用此合并插件。