只做利于SEO的网站,提供网站建设、SEO、网站代运营等服务。服务中心 | 建站流程 | 网站地图

网站较低成本用CDN提升网站图片加载速度

2023-05-04小猴建站 阅读()相关主题:

页面如果有较大、较多图片,会拖慢网站打开速度,处理成较小的图片能解决一部分加载时间过长的问题。图片在电脑端和手机端的体验感不同,手机端图片小点也能接受,而电脑端图片仍要兼顾清晰度和加载时间。有两种CDN处理方案:

CDN加速

1.本地储存图片,用户访问指定的缓存服务器图片

阿里云的ECS服务器大多支持CDN(内容分发网络)进行图片的加速,这种方法图片仍然放在你的服务器上,CDN是通过在各地部署缓存服务器,让用户从就近的服务器获取内容,实现更快的访问速度。服务器对网络可以稍微低配一点,大量的图片访问交给CDN,也是降低成本的一种做法。

加速内容是可以选择的,如果没有很多视频、下载文件等,完全用CDN加速图片即可,CSS、JS可以打开阿里云CDN的相关代码优化,可以消除绝大多数的冗余代码。如果预算充足,又十分在意用户体验,可以选择全站加速。

2.本地储存图片并同步至第三方,用户访问第三方图片

把图片用同步到类似七牛云的第三方平台,页面上采用七牛云的连接,比如

本地图片的路径是:<img src="http://a.com/1.jpg"/>
七牛云上的连接为:<img src="http://oss.qiniuyun.com/1.jpg"/>

页面用的是七牛云上的图片路径,用户并不访问本机的图片。其他平台的OSS也是类似的方法。基本主流的CMS都有相关的插件或API接口,不赘述。

两种CDN配置的优劣

第一种方案图片路径不需要修改,适合对配置不熟悉的普通的用户使用,成本也较低,几十块钱就10几个G(具体去平台了解)。

第二种方案可以上传到第三方平台后,批量修改数据库,把图片的所有路径修改成第三方的路径。当然修改模板会比较方便点,新版DedeCMS(收费)有集成七牛云插件,老版本的DedeCMS就需要自己动手能力,查看文章《熊掌号任务HTTPS改造,阿里云ECS详细图文教程》。WordPress比较有专门的插件,自行搜索即可。

个人使用体验觉得第三方的七牛云比较好,相关的费用也是能承受的,特别是图片传到七牛云服务器可以是高清图,原图不用处理,通过代码自动处理图片的尺寸、清晰度,还可以对原图进行加密,减少了大量重复性工作,安全性也有保障。

建议大家两种方法都用,尤其是视频,放在服务器比放在“爱优腾”还带广告的体验感好得多。在搭建服务器的时候我们也尽量选择体验感佳,成本控制在比较低的方案,这样在个人接单的时候成功率更高。