封锁CSS资源

我看过一吨的教程和“修复”暂缓或异步加载CSS ... 3小时后和一个巨大的头痛我要睡觉....封锁CSS资源

谷歌网页速度测试：您的页面有3个阻止CSS资源。这会导致渲染页面延迟。

香港专业教育学院读的JavaScript方法，jQuery方法和一吨的答案各地的网...感觉升技愚蠢有人可以请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">

来源

2017-02-26 zach newberry

您是否尝试过在页面加载或页面速度测试后应用样式？ – guest271314

请问你能更具体吗？对不起，我做了我的网站www.zachnewberry.com，但我不是一个网站管理员以任何方式我是一个低市场营销预算的屋顶：P –

如果你关心的是* oogle页面速度测试，你可以在页面后加载'css'资源被加载;那是在DOMContentLoaded和window负载事件的派发之后。为什么* oogle网页速度测试对你很重要？ – guest271314

我有一些渲染阻塞文件的经验。所以我分享它希望有所帮助，但你应该知道解决这个问题有点棘手，并不像你想的那样直截了当。首先问自己这三个问题：

第一：您的内容是否优先？
第二：你用WordPress吗？
如果你这样做
三：你确定你还没有安装一些干扰插件吗？

首先：内容优先级的HTML5语义是必不可少的，但有可能使用它们错误。例如，像侧栏这样的元素可能在折叠内容的上方可见，但它不被视为折叠的上方。你知道渲染阻塞意味着：加载页面需要的东西在正确的时间不存在，它应该等待。不需要的元素可能会导致这种情况。

第二：如果您使用WordPress并且已经为它购买了一些主题，那么可能您的主题不是标准。问题可以解决，但不值得，需要时间，你应该考虑下一个主题更新。改变你的主题是我认为最简单的，但是纠正它是可能的。但是如果你使用一些静态页面，尽可能快地调用CSS文件。

三：最近我对所有的CSS和JavaScript文件都有这样的问题。这是由于使用插件来延迟加载图像。它搞砸了一切，我停用了它并解决了问题。它推迟图像加载和获得一些优势，但推迟总页面加载下载所有文件，更多缺点比优点！通过你的插件寻找可能有影响力的事物。

我仍然有一个呈现屏蔽CSS，但我正在处理它。我使用插件来合并CSS文件，并且渲染阻塞是由此造成的。我尽可能地消除插件，并在儿童主题中构建他们的能力以减少CSS文件请求，然后我可以停用此合并插件。

来源

2017-02-26 08:14:18 ata

我不使用wordpress，内容不是针对着陆页“priotized”的。我相信这是因为文本/代码比例 –

@zachnewberry如果你不介意的话，我可以查看你的页面。那么尽快调用CSS文件呢？你有可能吗？ – ata

当然，https://www.zachnewberry.com是该网站。如果你想看看一些消息来源，请给我发一封电子邮件zach（at）zachnewberry.com –

封锁CSS资源

回答

相关问题