我正在开发我的第一个 GatsbyJS 项目（并托管在 Netlify 上），在过去的几周里，我注意到在开发过程中一切都非常快，但是在构建和托管时页面加载速度非常慢（尤其是图像）。
这是一个非常简单的营销网站（只有 6 页左右，每页有几张图片），所以我想我一定是做错了，因为 Gatsby 被称为“极速”，这绝对不是我的经验产品 登陆页面目前需要大约 40 秒的时间来加载，并且只有几张图片和一个导航栏。
我根据文档相当简单地加载图像，但是我还应该做一些优化步骤吗？或者将资产存储在特定位置供 Gatsby 优化？
最新版本：https ://musing-goldstine-2f7024.netlify.com/
感谢您提供任何信息！
使用 Netlify，您现在可以转到要优化的站点，然后：站点设置 > 构建和部署 > 后处理。
我将它们全部打开，它们似乎与我的 GatsbyJS 网站完美配合，包括图像优化。
问题是您正在提供缩放图像。缩放图像是已缩放以匹配其显示尺寸的图像。
例如，在此页面上：
这个城市景观在 HTML 或 CSS 中从3840x1200调整为1366x600。提供缩放图像可以节省 5.0MiB（减少 82%）。
另一个分析页面速度的好网站： https ://gtmetrix.com/
改善页面加载时间：
使用照片编辑器（Photoshop、GIMP 等）并将照片尺寸调整为最大显示尺寸。
调整大小后，压缩图像以进一步改善页面加载时间。
用于压缩图像的资源：
图像优化指南
最后一步：用新优化的图像替换未优化的图像。您应该会看到页面加载时间的显着改善。
