如何消除wordpress中的首屏内容中的渲染阻止javascript和CSS

Question

如何在wordpress中的首屏内容中消除渲染阻止javascript和CSS。如果有人可以请帮助我。

Answer 1

看起来有一个名为{{3}}的wordpress插件可以为你做很多工作。我相信它也能实现压缩。安装插件后，请导航至settings =＆gt;自动优化并检查优化CSS代码以及优化JavaScript代码。

Answer 2

我没有使用插件。

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

接下来使用https://jonassebastianohlsson.com/criticalpathcssgenerator/。

您将获得一些css代码 - 将其插入标题中。

然后你可以通过JS（https://github.com/filamentgroup/loadCSS）加载其余的CSS。

Answer 3

很多方面。超过85/100的方法是 -

1. 您可以使用Pagespeed module
2. 使用third party service提供优化的前端。 Google had such service which is closed now。
3. 或遵循传统的后端优化方式。

如今，好的网站通过另一个服务或另一个服务器作为反向代理，自动优化前端。而已。

传统方式：

这是一个服务器一个网站并在主服务器上调整。

服务器的响应时间越高越重要。首先通过它。在webpagetest.org上进行测试。 然后优先考虑可见内容。 然后利用缓存。 渲染阻塞物质是在使它们变得很棒之后。 这些优化是在您通过服务器安全性，时间到第一个字节，正常运行时间等之后。没有插件可以100％完美，几乎没有所有站点的点击。

您应该阅读（请参阅WordPress doc）并通过页眉和页脚等插件在页脚或正文上异步加载脚本，并在遇到困难时在WordPress论坛上询问。许多技术网站很多时候都在详细讨论它。有很多很好的老博客网站，比如CSS Tricks。您应该找到关于该主题的所有文章，并从旧到新阅读。提供一种简单的方法是不可能的。加载Js是更复杂的浏览器，设备问题。此外，普通网站上还有类似W3TC的缓存插件。

传统方式的已知问题：

用一些片段打开安全漏洞并不奇怪。随着HTTP / 2推送，许多新事物，二月期间WordPress最近的安全问题迫使不要谈论奇怪的插件和片段。没有人真的可以执行安全审计。这就是为什么I talked about it 2 years back about render-blocking javascript and CSS, not later 。我在那里展示了WordPress免费Async js和css插件的设置。 WordPress插件为CSS提供选项，JS自动加载为内联或异步加载。你可以试试。内联，异步都有自己的缺点。

技术上的工作比插件描述所说的要困难。这样的插件减少了手动工作，但不会消除手动编码，试用的需要。它是页面速度优化的一部分。你必须慢慢学习自己，并根据预算进行规划。

在具有SSL实验室A +分数的开发站点自行承担风险，添加各种安全标头。

正如您可能的商业网站安全性更重要，其次是页面加载速度。

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