如何在wordpress的折叠内容中消除渲染阻塞javascript和CSS

如何在wordpress的折叠内容中消除渲染阻塞javascript和CSS。如果有人能帮助我。

---

看起来有一个名为wordpress的插件可以为您做很多工作。我相信它也支持压缩。安装插件后，导航到settings=>AutoOptimize并选中optimize CSS code和optimize JavaScript code。

我不会使用插件

首先，将CSS文件合并到一个文件中

下次使用

您将得到一些css代码-将其内联插入标题中

---

然后，您可以通过JS（）加载CSS的其余部分。

多种方式。超过85/100的途径如下：

你可以用

使用a提供优化的前端

或者遵循传统的后端优化方式 如今，好的网站通过另一个服务或另一个服务器作为反向代理，自动优化前端。就这样

传统方式：

这是一个服务器一个网站和调整主服务器

服务器的响应时间越长，这一点就越重要。首先通过它。在

webgetest.org

上测试。 然后优先考虑可见内容。 然后利用缓存。 渲染阻塞问题是在使它们变得伟大之后。 这些优化是在您通过服务器安全性、第一个字节的时间、正常运行时间等之后进行的。没有任何插件可以让所有站点只需点击几下就100%完美

当你遇到困难时，你应该通过页眉和页脚之类的插件在页脚或正文上异步阅读（参见）和加载脚本，并在WordPress论坛上提问。许多技术网站多次详细讨论了这一问题。有很多非常好的老博客网站，比如CSS技巧。你应该找到所有关于这个主题的文章，从头到尾阅读。不可能给出一个简单的方法。加载Js是更复杂的浏览器、设备问题。此外，在普通网站上还有类似W3TC的缓存插件

传统方法的已知问题：

用一些代码片段打开安全漏洞并不奇怪。有了HTTP/2推送，WordPress在二月份推出了许多新东西和最新的安全问题，迫使人们不要谈论奇怪的插件和代码片段。没有人真正能够执行安全审计。这就是为什么。这里我展示了WordPress免费异步js和css插件的设置。WordPress插件提供了CSS、JS自动加载为内联或异步加载的选项。你可以试试。内联、异步都有自己的缺点

这项工作在技术上比插件的描述要困难得多。这样的插件减少了手工工作，但并不能消除手工编码、试用的需要。这是页面速度优化的一部分。你必须慢慢地学习自己，并根据预算制定计划

在开发人员站点以SSL实验室的+分数进行风险评估，添加各种安全标头

正如你可能看到的那样，商业网站的安全性更为重要，其次是页面加载速度

---

作为结束提示，您应该安排在非托管服务器上托管，以优化后端。您的网站目前速度较慢，这是主机出问题

我认为基本前提是加载外部CSS文件会阻止将HTML标记转换为像素的过程。因此，页面上立即可见的内容（无需向下滚动）应使用内联样式进行样式设置。使用javascript时，标记中的任何内容都会阻止渲染过程。如果在第一秒钟内加载不必要的外部脚本，可以添加async选项。在渲染脚本中，它显示了主题文件，自托管文件也作为渲染块javascript或css，您可以尝试做的几件事是：（1）尝试将多个css和js文件分别合并到单个css和js文件中，并加载单个文件。（2） 在页眉中只加载最重要的css文件，在页脚中加载其他css和js文件。如何通过js加载rest css。你知道吗？你必须先把你的样式排出来（这样它就不会通过WP加载），然后使用loadCSS（我给的链接）加载你删除的样式。你有没有文档来完成这个过程？不，这是整个过程。1） 将所有css合并到一个文件2）使用criticalpathcssgenerator 3）在站点标题中插入生成的css（内联）4）出列样式5）使用loadCSS加载css这比安装插件要困难一些，但在2-3小时内您应该会成功：）