前言
一名正在自由职业的程序员的独立开发之路
每天100元的图片流量费用
逼得我不得不做图片优化
目前已经全部优化完成
希望我的经历能给你带来帮助
说明
工作了好多年，也从来没有主动优化过图片
因为服务器的费用也是蛮高的
因为现在创业了，所有的费用都是自己的团队支出
处处都在烧钱，所以遇到问题就得优化
图片优化系列文章
- 每天100元的图片费用，就是我主动优化图片的动力 | 【图片优化】（一）
- 客户端优化（小程序+后台） | 【图片优化】（二）
- node开发一个图片服务器（koa） | 【图片优化】（三）
- 如何检测图片服务的性能 | 【图片优化】（四）（番外篇）
图片的费到底多少钱（优化的动力来源）
我的图片服务介绍
我的的项目开发依托于 Serverless，不是用的 腾讯云，也不是用的uni-Clould，我是用的 LeanCloud
它其实跟腾讯云这些一样，就是一款 Serverless的产品
为什么选择Serverless
因为它开发起来真的非常快，而且基本上不分前后端，非常适合一个人开发的项目
最多的时候，我一天能发布7-8个版本，这要是用其他的框架，真的不敢想象
而且项目初期的的时候，很多想法都没有成熟，都是先做出来 看效果如何，不行再换
LeanCloud这个图片服务也是包在里面的
每天具体多少钱（截图为证）
直接晒图吧，这样非常直观
这个是下载下来的统计表
从5月开始，使用量非常大，最高峰一个项目HTTPS的使用量是 409G*0.36 = 147元
这是一天的图片费用，还不算服务器其他的费用
图片的优化势在必行
分析项目，确定优化的方向
分析项目
由于前期大家对业务都不熟悉，所以产品每天都在修改中，都是在探索中，所以每天发版 3-4次很正常
但是现在基本上把很多业务上的坑的都踩过了，产品基本成型，大的方面的改动暂时不会有了
经过分析，图片使用量大的原因如下
原因如下：
- 首页和产品页面，是消费流量最多的，因为这里面图片最多，而这两个页面是进入小程序必经之路，无法避免
- 日访问量比较大，不断的有很多游客通过其他渠道访问我们的小程序
- 图片没有做压缩处理，特别是产品页面，很多的100K，有406个，都是可以做压缩的
确定优化的方向
1.把小程序里面目前不怎么变化的图片，全部先放在小程序的本地，不走网络
2.压缩图片（把存量的图片压缩一遍）
3.小程序本地存储图片（只要加载过的图片，直接下载下来，下次加载直接本地存储取）
4.自己搭建一个图片服务器
5.做CDN 处理
总的来说分为 客户端 和服务端，将会在下面的章节来继续介绍
总结
优化的前提是出了问题
根据业务分析项目，并最终确定优化的方案
这是一个系列文章，正在更新
