0

尝试优化我的 Wordpress 网站，我有几个关于如何改进的问题。在这篇文章的下方，您可以看到 Google PageSpeed 建议我删除未使用的 CSS 以及呈现阻塞内容，我的问题是：

  1. jQuery 文件对我来说似乎很大，为什么缓存的 jQuery 文件需要 780 毫秒？
  2. 缓存的css减慢我的页面是否合乎逻辑？

如果您需要更多信息，请告诉我。非常感谢！

页面网址：https ://utanuc.nu

主题：

  • 你好元素

插件：

  • WP火箭专业版

删除了未使用的 CSS：

  • /wp-content/ cache/min/1 /aad770152f8bd8d0197b0ef0ecc3052b。CSS (143 KB)

渲染阻塞内容：

  • /wp-content/cache/busting/1/wp-includes/js/jquery/jquery-1.12.4-wp。_ Node.js（加载 780 毫秒）
4

4 回答 4

2

Google Page Speed 告诉您缓存文件会减慢您的页面速度，这并不是因为缓存文件比非缓存文件慢。

这是因为（例如）file:/wp-content/cache/min/1/aad770152f8bd8d0197b0ef0ecc3052b.css是您所有 CSS 文件的组合，而且它是唯一的，所以它包含您所有的主题、插件和 WP CSS 代码。

当文件未缓存时，Page Speed 会检查它们并列出每个文件（例如），例如：20 个文件 * 50 毫秒。现在，当它是一个缓存文件时，Google 检查器会告诉您类似 1 个文件 * 1200 毫秒的信息 - 一个更快，但它看起来像一个大型网站减慢文件。

顺便说一句，您必须知道，当前的页面速度结果对于基于像 Hello Elementor 这样的重主题的网站来说非常好，因此如果不更改列出的主题就很难加快速度。

关于 jQuery - Page Speed 告诉我它正在加载 136 毫秒，所以也许您已经更改了某些内容，或者 Page Speed 在特定情况下给出了不同的结果。

于 2019-11-08T15:51:10.783 回答
1

一般来说：

  • 尽量避免使用插件、页面构建器...

您的页面看起来就像您可以通过 Gutenberg 和一些自定义开发来归档很多东西。

对于jQuery部分：

  • 避免在自定义代码中使用 jQuery
  • 尝试将 WP Rocket 配置为
    • 加载 JavaScript 延迟
    • 不使用 jQuery 安全模式：

在此处输入图像描述

对于CSS部分

  • 试试 WP Rockets “优化 CSS 交付”

在此处输入图像描述

于 2019-11-14T09:24:58.233 回答
0

您可以安装此插件来删除缓存。 https://en-gb.wordpress.org/plugins/wp-fastest-cache/

于 2019-11-08T13:30:39.130 回答
0

实际上，由于误解了每一位的含义，到目前为止所说的都是不正确的。

渲染阻塞内容：

呈现阻塞内容是页面必须加载的内容，以便呈现“首屏”的所有内容（第一页充满您无需滚动即可看到的内容）。

由于它是阻止页面的 JavaScript，因此您可以defer在所有 JavaScript 文件上使用该属性（我不使用Rocket但看看是否可以找到允许您将所有 JavaScript 设置为的设置defer）。

这意味着页面只会在所有 HTML 都加载并被解析后才开始加载 JS，因此不会“阻止”渲染。

重要- 您可能会看到可以使用的选项async。我从未见过的任何主题都被设置为可以处理async，因为这会以任何顺序加载所有 JS 并尽可能快地执行它，因此有时它可能会乱序执行并导致错误（因为 jQuery 可能会在需要 jQuery 的东西之后加载）。defer保持 JS 文件出现在 HTML 中的顺序。

删除了未使用的 CSS：

所以这就是它听起来的样子。

大多数主题文件都有数百个 CSS 类等，它们根本不需要渲染页面（因为页面设计、颜色等有很多变化）。

要解决这个问题，您必须找到您的主题实际使用的所有样式（在每个页面、整个站点、每个状态（悬停、访问等）。

然后，您将删除站点中任何地方不需要的任何内容。

正如您可能想象的那样，这是一项艰巨的任务，我可能会完全忽略这一点，因为这是一个很难解决的主题，需要您从头开始设计。

于 2019-11-09T09:27:59.833 回答