初始配置 您可以在多个位置添加 PSM 过滤器： .htaccess 文件 我更喜欢使用 pagespeed.conf 文件，因为我通常希望优化特定服务器上托管的所有站点。如果我想为各个站点添加其他特定过滤器，我可以将其添加到虚拟主机或 .htaccess 文件中。
此外，还有一些配置不能放置在主 pagespeed.conf 文件之外的 亚洲手机号码清单 任何位置。 HTTPS 支持就是一个例子。如果您尝试向 .htaccess 文件添加 HTTPS 支持，您将收到服务器错误，并且站点将无法加载。因此，在我们的示例中，让我们将初始设置添加到 pagespeed.conf 文件的最后。
十次中有九次，这足以让我获得高分
我不久前就这个主题写了这篇文章。 Bootstrap 预打包的基本框架 在阅读了大量相关资料后 和主题经过组织和优化以提高速度。这将通过在控制台中键入命令来安装一个启用了 Bootstrap 主题的全新实例。全新安装后，我的分数跃升至 95 分。
您可以在下面的屏幕截图中
看到有关渲染阻止 JavaScript 和 CSS 的警告。 页面速度分数之前.png 当我 安圭拉铅 安装 PSM 时，我的新网站在移动和桌面上的得分均为 100 分。这比尝试将折叠的 JavaScript 和 CSS 与其余代码分开要容易得多。
满分.jpg 如果您从典型的
WordPress 安装开始，您通常会得到 70 到 80 的分数。这就是问题所在。优化通常会留到大型项目的最后，此时您可以轻松地从最顶层开始，并尽最大努力一直保持在那里。我上面收集的数字来自我的默认 Bootstrap/WordPress 安装，但在没有 WordPress 的情况下和仅在 Bootstrap 的情况下得分仍然相同。
那么让我们来分解一下
上面的配置是做什么的。 更喜欢关键的 CSS。 该过滤器的定义非常简单，但在后端做了一些繁重的工作。它找到初始渲染所需的所有 CSS 规则，并将它们内联放置在页面中。考虑主背景的样式、主菜单中的所有内容以及页面加载时折叠上方的标题。
PSM 识别所有这些，并将其内联到页面缓存版本的 HTML 中。这样，页面就不会加载，因为它正在等待所有不同的样式表首先下载。 延迟 JavaScript。 这仅适用于 Bootstrap，但应在添加您自己的自定义 JavaScript（或来自懒惰的 WordPress 插件编写器）时进行测试。