【Skill】全站分离第一步 – 图片加速

发布于 / Skill / 4 条评论

很久没有更博了 这一篇文章是写的一大半弃坑的 现在又捡起来了

同样的 这是一篇小白文 如果你已经是一个大佬了 还请你多多指教

废话不多说 直接动手吧


图片压缩

网络条件相对较差的环境下 加载图片的过程会是一个煎熬的过程 为了避免出现这样的状况 我们可以适当的对图片进行一个压缩

合理的使用图片压缩可以在不损坏图片质量下 对图片的体积进行一个压缩减小

Tinypng 可以对图片进行压缩 针针小站的大图都经过了Tinypng的压缩后再放回又拍云

这里选用了一张图进行了压缩 体积减小了95%后 画质的质量没有非常大的差异(

云储存

如果服务器的带宽比较小 图片堆积在服务器上会造成回源时的拥堵 合理的压缩后 我们可以将图片存在云上 阿里云的OSS 腾讯云COS都是一个不错的选择 ( 目前针针用的是又拍云

将图片存储在云上面 可以通过融合CDN提升访问的速度 大大减少了服务器的压力 同时访问的速度也会有大幅度的提升

这里我以又拍云做一个示范 别的云储存的操作也是大致相同的

首先先创建一个新的服务 如果不需要全球加速 可以只勾选 「 国内加速 」

确认信息后 片刻后会来到云储存的面板

又拍云会给我们一个测试的地址 我们可以做测试 待稳定后再绑定自己的域名

我这里就绑定images二级域名作为图片的地址 要进一步的在DNS解析里加入这个解析的信息

记录值填入你二级域名的名称 记录类型选择CNAME 记录值填入又拍云给的地址即可

绑定成功后 可以通过网页管理 FTP UPX等命令进行管理文件

在WP里面我们 可以用插件将存储在服务器的图片全部转移到云储存上

找WPJAM里面提供了 「 七牛云存储 阿里云OSS 腾讯云COS UCloud 」的设置 可以快速的接入

我的图片是在本地修改后再放入又拍云的 所以我没有用到WP的插件去推送图片

性能优化

经过上面的部署 图片已经可以正常的存储在云端了 体验的速度也有了很大的提升 还有一些地方可以优化以获得更好的体验

  • HTTPS

打开https可以保证全站小绿锁 如果主站是https 而图片站却是http 会被浏览器判定为连接不安全 从而就没有小绿锁加成啦

我们可以申请免费的证书 腾讯云阿里云都是可以申请最多20本的SSL证书 然后绑定在云上

打开以后 小绿锁就不会掉啦~


好久没有更博啦~ 只能随便水文啦~

19/05/14
针针

转载原创文章请注明,转载自: 针针小站 » 【Skill】全站分离第一步 – 图片加速

  1. avatar

    好厉害呀!渣女。

    1. avatar
      @系时 ?
  2. avatar

    太厉害了,忍不住想打赏

    1. avatar
      @Aiko 那你要挨打了