Google Page Insight：移动得分 100 .. 桌面 80 相同图像
Google Page Insight: mobile score 100 .. desktop 80 same images
现在一整天都在尝试解决这个问题，但我似乎没有任何进展了。我缩小了所有资源，将它们移到底部，异步加载 javascript，压缩图像......但桌面分数仍然只有 83/100，这都是因为图像。
移动页面在使用相同图像时得分为 100/100。我网站上的图像使用 ImageOptim（针对 Mac）进行了优化，并且我已连接 Kraken.io 以使用他们的工具优化所有图像。 Kraken.io 给出了最好的结果（节省了最多的 kb），但桌面仍然不会从 83/100 上升。
提高分数的唯一方法是选择 10% 的质量 (93/100) 或在主页上使用较少的图片 (85/100)。
我 运行 没有选择.. 如果有人想查看结果，我正在谈论的页面是 https://pendo.nl。
提前致谢。
您在标题中回答了您的问题 - 关键部分是 "same images"。以 this 图像为例。您在桌面版中以 320x270px 使用它，而原始图像为 800x600px（按 CSS 调整大小）。
Google Page Insights 认为这是在不需要这样做的情况下加载额外的字节，并且建议在报告中进行改进（物理优化图像除外）。基本上你应该做的是为桌面版本使用 ~320x270 原始图像。
GPI 允许 CSS 调整边距，我认为该边距约为 20%（我从未测试过，但它通常对我有用，如果你有 100 像素宽度的原始图像，你可以调整大小CSS up/down 宽度为 120/80px）。这就是为什么当你做报告时警告是 "Compressing and resizing" 而不仅仅是 "Compressing".
有几种方法可以解决这个问题。
现在一整天都在尝试解决这个问题，但我似乎没有任何进展了。我缩小了所有资源，将它们移到底部，异步加载 javascript，压缩图像......但桌面分数仍然只有 83/100，这都是因为图像。
移动页面在使用相同图像时得分为 100/100。我网站上的图像使用 ImageOptim（针对 Mac）进行了优化，并且我已连接 Kraken.io 以使用他们的工具优化所有图像。 Kraken.io 给出了最好的结果（节省了最多的 kb），但桌面仍然不会从 83/100 上升。
提高分数的唯一方法是选择 10% 的质量 (93/100) 或在主页上使用较少的图片 (85/100)。
我 运行 没有选择.. 如果有人想查看结果，我正在谈论的页面是 https://pendo.nl。
提前致谢。
您在标题中回答了您的问题 - 关键部分是 "same images"。以 this 图像为例。您在桌面版中以 320x270px 使用它，而原始图像为 800x600px（按 CSS 调整大小）。
Google Page Insights 认为这是在不需要这样做的情况下加载额外的字节，并且建议在报告中进行改进（物理优化图像除外）。基本上你应该做的是为桌面版本使用 ~320x270 原始图像。
GPI 允许 CSS 调整边距，我认为该边距约为 20%（我从未测试过，但它通常对我有用，如果你有 100 像素宽度的原始图像，你可以调整大小CSS up/down 宽度为 120/80px）。这就是为什么当你做报告时警告是 "Compressing and resizing" 而不仅仅是 "Compressing".
有几种方法可以解决这个问题。