我相信大多数人都经历过这种情况...您访问一个拥有大量精美图片的精美网站，但网站加载速度却非常缓慢。这对于开发人员和用户来说都是非常令人沮丧的，因为缓慢的网站加载速度肯定会导致用户过早离开您的网站。不久前，我们在为 McMaster Yachts开展的一个客户项目中就遇到了这个问题，但幸运的是，我们在项目上线前的开发阶段就发现了这个问题。这给了我们机会来采取措施。如您所见，McMaster 网站使用大幅精美的图片来展示可供租赁和购买的豪华游艇。但这（以及其他原因）对网站的加载时间造成了问题。
在研究网站优化的过程中，我们偶然发现了一个非常有用的网站，叫做Pingdom Tools。4这个工具会获取你的 URL，并返回一个非常详细的列表，列出网站加载时收到的请求以及每个请求的耗时。最常见的问题通常是：3
大图像尺寸
非最小化代码
缓存不佳
对于这类问题，有很多解决方案，但我将具体与您分 丹麦电报数据 享我们如何加快 McMaster Yachts 的装载时间，以及我们使用了哪些工具来实现这一点。
压缩和优化图像
首先，我们注意到麦克马斯特网站上的大多数图片都保存为 PNG 文件，而且质量非常高。由于网站设计的特性，麦克马斯特网站的图片需要更大尺寸和更高质量的图像，但它们绝对不需要是 PNG 格式，因为它们不需要任何透明度。PNG 文件通常体积最大，因为它们能够存储更多数据。最初，一些图片的大小约为 2MB，经过一些处理，我们最终将其压缩到 200KB。首先，我们将 PNG 文件保存为 JPG 格式（当然，使用了 Photoshop 的“另存为网页”选项），并设置质量略低。操作很简单，只需在 Photoshop 中按照以下简单步骤操作即可：
打开相关图片
点击“文件”->“保存为 Web 和设备”
现在选择您想要的文件扩展名（如下图所示）以及您想要保存的质量。