是时候开始使用映像CDN了吗? - 素马设计 SUMAART

是时候开始使用映像CDN了吗?

By:limo- 2019-11-06 06:26:30


网站设计的成功最重要的因素之一就是他的访问速度,像谷歌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文件。