网站设计的成功最重要的因素之一就是他的访问速度
，像谷歌Lighthouse这样的开始工具就是为了强调性能而建立的 ，因为它对于用户体验和搜索引擎排名都是映像非常重要的。

一个网站的时候使用速度是由许多因素决定的，但最大的开始一个因素是需要通过网络传输的数据量；大文件大小意味着加载时间慢。

当涉及到文件大小和缓慢的映像站点时 ，最大的时候使用罪魁祸首之一就是图像。一个大的开始Javascript文件可能会占用未压缩的4kb空间，但是映像即使您可以通过压缩将其大小减少75% ，您仍然只节省了3kb。时候使用另一方面，开始一个图像可能很容易是映像500kb ，如果你能把它的时候使用大小减少25% ，你将节省125kb 。开始压缩图像比压缩Javascript有效40倍；当涉及到加速你的映像网站时，你的注意力应该集中在你的图片上。

web上最流行的图像解决方案之一是图像CDN
，这是一种专门用于分发优化图像的内容分发网络
。

一个图像CDN包括三个要素：a）设备检测 ，b）自动图像优化，c）全球内容分发网络。

图像CDN可以将站点的图像负载减少60-80%，将加载时间提高几秒钟 ，对图像的可感知质量的影响可以忽略不计 。

什么时候应该考虑使用图像CDN ？

1.如果你的网站很慢，请考虑使用图像CDN。越快越好 ，但是什么才算快呢？许多网站在移动设备上加载需要8-10秒，这太慢了——53%的人在3秒后就放弃了移动页面。因此 ，3秒是最低的，但目标是1秒以下。

2.如果您的有效负载中有很大比例是图像 ，请考虑使用图像CDN。网页的平均大小接近2mb ，其中50%是图片 。通常这些图像比它们需要的大得多，特别是对于移动设备。（你可以手动调整图片的大小并提供不同大小的图片 ，但是为每个可能访问你网站的设备手动优化图片是不现实的。）

3.如果您有一个包含数百或数千个图像的大型站点，请考虑使用图像CDN 。如果你只有少量的图片需要优化 ，那么这个任务就相对简单了。但是有了成千上万的图像 ，优化和管理方面的挑战会迅速增加您的工作量。

4.如果您的网站是动态的 ，或者您经常发现自己添加了新图像，请考虑使用图像CDN。例如 ，许多商业站点经常添加新产品和附带的图像 。社交媒体网站经常处理大量用户生成的图片 。

5.如果您的客户群是国际性的，请考虑使用映像CDN。CDNs使用缓存的映像在全球维护边缘服务器
，接近最终用户。如果你的用户从纽约到新加坡，从米兰到开普敦，一个图像CDN将确保你的数据有一个更短的 ，因此更快的旅程到用户。

6.如果您的客户依赖移动网络 ，特别是慢速移动网络
，请考虑使用图像CDN 。许多市场现在发现超过50%的访问者使用移动网络访问网站。不幸的是，许多人还没有用上4G ，更不用说5G网络了。图像CDN对文件进行裁剪，以提供所需的最大图像，而不是更大的图像
。结果是更快更好的移动用户体验  。

在任何这些情况下，你会发现你的网站的用户体验和搜索引擎排名
，是大大提高了自动化和优化提供的一个图像CDN。

在一个图像CDN中寻找什么

Image CDNs通过结合a）设备检测
，b）自动图像优化 ，c）全球内容传递网络来关注性能
。驱动图像CDN性能的秘密武器是初始设备检测；您越准确地识别请求设备，就越能更好地优化用于交付的图像。

例如，当新加坡的用户使用他们的三星Galaxy S8浏览电子商务网站时，初始的HTTP请求到达新加坡的边缘服务器；在几毫秒内，服务器就能识别设备的功能——操作系统版本、屏幕像素密度 、对高级图像格式的支持（例如谷歌的WebP格式）；如果边缘服务器缓存了所需的图像，它将把图像提供给最终用户；如果没有 ，它将与核心服务器共享设备细节并绘制为该设备优化的图像。

在为设备动态优化图像时 ，图像CDN执行三个步骤：

首先，利用设备分辨率来改变图像的大小 。例如 ，在三星Galaxy S8的例子中，它将图像的宽度减少到最大1440像素 。

其次，利用图像优化算法对图像进行压缩。这样可以去除图像中无关的细节，同时又不会降低图像的可视质量。得益于来自其边缘服务器的设备智能
，它知道要优化到什么程度 。

最后，它选择设备、浏览器和操作系统版本支持的最有效的文件格式。例如，对于我们的三星Galaxy S8用户 ，在AndROId 8.0上运行Chrome ，优化器将提供一个WebP文件。