几乎在我为所有网站进行的每一次 Pagespeed 测试中，我都会收到评论“通过无损压缩图像 X 优化图像”，这通常会大大提高我的页面排名。

我已经用 Photoshop 保存了每张图片，但我想知道如何“通过无损压缩来优化图片”。据我所知，我已经在尽我所能。

真的很纳闷。。

^{题外话，但我注意到 Google 的 PageSpeed 使用 Retina 设备进行检查，因为我所有的 Retina 图像都被加载而不是常规图像。由于这些区域大于我在移动部分获得 1/100 分的区域。哈哈。}

目前我正在网站 www.gassan.com 上工作

当我检查该网站的页面速度时，我收到以下消息：

优化下一个 URL 的 CSS： https://www.gassan.com/static/css/style.blessed.css https://www.gassan.com/ …yle.blessed-blessed1.css?z=1429783661837

但是这个 CSS 已经优化了？我不明白。谷歌总是给我问题:(

我一直在使用 Google PageSpeed 洞察力来尝试提高我网站的性能，到目前为止，它已被证明非常成功 - 但出于某种原因仅在主页上。

该主页的得分为 87/100，有 8 条通过规则，其中一条是“您没有渲染阻止资源”。

问题

当我检查任何其他页面时，它会显示“消除首屏内容中的渲染阻止 JavaScript 和 CSS”。现在，主页和其他页面都包含相同的 head.php 和 footer.php，没有页面加载主页上尚未加载的额外 .js 或 .css 文件。

头

页脚

那么......我在这里缺少什么吗？

Google PageSpeed Insights 说我应该压缩和调整几张图片的大小。

这是一个例子：

我使用 Photoshop 的 Save for Web JPEG High 预设保存了这张图片：

我可以对这张图片做些什么来避免谷歌的“压缩和调整大小”警告？

所以我在 Nginx 上安装了 PageSpeed，提供了一个非常简单的 Wordpress 安装。

这个问题似乎与升级到 Wordpress 4.2.2 不谋而合；但是，在降级到 4.1.5 以查看这是否是问题后，事实证明并非如此。

通常我不会责怪 PageSpeed，但在 URL 中使用 ?PageSpeed=off 可以完全解决问题。需要明确的是——管理区域中没有缓存。

另一个奇怪的事情是它似乎只影响 CMS 中的页面（而不是帖子），所以看起来 PageSpeed 可能与页面特定的脚本/样式/某些东西有冲突。

我目前很困惑，所以任何建议都值得赞赏。

我刚刚花了很长时间在谷歌上搜索......到处都只能找到一半的答案。我正在使用谷歌页面速度洞察来改进我的网站，它告诉我异步加载我的 javascript。我找到了一些代码，但他们没有解释如何加载多个 js 文件以及如何加载 css。我也找不到任何地方告诉我以什么顺序加载它。任何人都可以帮忙吗？

注意：我确实尝试将 js 移动到页脚，但是我的移动菜单不再起作用（它使用 expand.js 文件）

我需要异步加载的 Javascript 文件是：

我的 CSS：

诊断

我最近遇到了：PageSpeed Insights，它基本上测试你的页面速度，吐出一个分数，并显示导致你的页面变慢的原因。

我输入我的网址，这是我的 :结果。

问题

我显然没有很多分数，但我正在努力改进它们。

我遇到了很多图像优化问题。我已经尝试了 2 件事。__

1.使用 ImageOptim 软件

我尝试使用ImageOptim Mac 软件优化img/文件夹中的所有图像。

2.使用grunt imagemin插件

最重要的是，我使用构建工具重新压缩img/文件夹中的所有图像，并将压缩后的图像存储在dist/img/文件夹中。

Imagemin 结果

幸运的是，我把所有 104 张图片都缩小了4.11MB。

重新测试结果

但可悲的是，在将我的整个页面重新链接到新图像目录之后dist/img/。我再次使用PageSpeed Insights测试我的网站，我仍然得到相同的警告图像优化。

我怎样才能解决/改善这个问题？是不是因为我设置的optimizationLevel: 3太低了？

任何方法/想法/策略/更好的解决方案/建议？

非常感谢 ！

由于 CSS 文件，我在桌面和移动设备中的Google PageSpeed Insights中都失败了 1 个独特点，“错误”说：

消除首屏内容中的渲染阻塞 JavaScript 和 CSS 您的页面有 1 个阻塞 CSS 资源。这会导致呈现页面的延迟。如果不等待以下资源加载，则无法呈现页面上的任何首屏内容。尝试延迟或异步加载阻塞资源，或直接在 HTML 中内联这些资源的关键部分。

谷歌开发者推荐说

如果外部 CSS 资源很小，可以直接将它们插入到 HTML 文档中，这称为内联。以这种方式内联小的 CSS 允许浏览器继续渲染页面。请记住，如果 CSS 文件很大，完全内联 CSS 可能会导致 PageSpeed Insights 通过优先化可见内容来警告页面的首屏部分太大。对于较大的 CSS 文件，您将需要识别并内联呈现首屏内容所需的 CSS，并将其余样式的加载推迟到首屏内容之后。

但是，我正在使用Materialize CSS一个 CSS/JS 库。这样的库包含一个适用于所有内容的大型最小化 css 文件。我无法提取首屏内容中使用的部分，甚至无法使其保持可维护/可更新。

一种选择是在窗口加载事件之后加载 css，但在这种情况下，应用程序在加载 css 之前加载很难看。

有没有办法使用 Materialize CSS、Foundation 或类似的库来完成 Google 的建议？

我在 Google Page Speed Insights 中收到错误说明：

“页面内容对于视口来说太宽，迫使用户水平滚动。将页面内容调整到视口，以提供更好的用户体验。”

“页面内容是 378 CSS 像素宽，但视口只有 320 CSS 像素宽。”

我在标题中设置了如下视口： <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> 将其设置为仅时仍然存在问题： <meta name="viewport" content="width=device-width, initial-scale=1 />

它与许多其他元素一起在视口之外说的元素之一是： <a href="post-template.php...>US Carriers are...</a>

网站网址 mofiki.com/dev/aa/ 是，我的 CSS 是：

任何帮助将不胜感激。另请注意，这是对处于早期阶段的网站的重新设计。只是试图在我去的时候把所有的东西都保留在谷歌的指导方针中，以避免以后不得不做更大的修复。

我正在使用谷歌 pagespeed api。但有时它只是在我调用时返回 NULL。我正在使用 PHP 和 CURL 来调用 api。下面是我的代码

以下是 checkPageSpeed 功能代码

谁能帮助我。

PS它在大多数情况下都可以正常工作，但是对于某些从www重定向到非www或反之亦然的URL，它会返回NULL