经过一段时间的休息,我感觉我又行了,继续写完。
技术不是一开始高大上就是很好的,应该根据你们业务需要去选择。在初创公司这一点感悟就很深刻了。
对于项目的打磨,你会发现都是你给一个大致版本,然后可以快速上线,之后你快速迭代的形式,连跑带爬,要的就是跟目前的形势争时间,当你有项目灵感,那么花最快的时间去实现,你才能有对应项目的红利,当你越慢去操作,其他大型企业介入,他们有更好的资源,技术团队,资金流,可以很快把你挤下去。这个时间一般是三个月。这就是初创的感悟。
我们的初级团队很快的编写好第一版很简陋的(ps.后端没有太好的审美,只有工整,看起来能清晰就完事了)。服务器不大,差不多是低配的,因为前期不会有太多的客户量。页面是有一些图片,以及js都放在项目里面。
出现了第一个问题:加载问题。
这些图片跟js在本地都有,然后本地打开测试的页面,感觉速度可以,没有很明显的卡顿问题。放到线上出现了很明显的卡顿,大概有4s多的加载。
注。互联网公司的页面,首先要给用户打开响应速度很快,不能出现明显卡顿,用户想看的数据可以稍后加载,但是不可能一直让用户面对的是空白页面。出现问题就解决问题。
途径:打开对应网址,按F12,查看什么加载需要那么多时间?
后面证实加载耗时有二部分一个是js,另外一个是图片。
开始解决,js一开始是放到项目中,后面提取出来,调用网上的 比如cdns的js一些链接来完成。(这个一般是比较稳定,有碰到对接平台,整个页面垮掉,原因就是因为链接引用失效,然后重新寻找可以使用的链接引用。稍微注意一些就好,问题不大,主要反映速度要快),
js还有就是公共部分放到一起,然后其他调用这个公共部分,这样就加载一次就可以了,不需要进入一个页面就重新加载一次,些许提升耗时减少,因为网页不多,所以这个不是很明显。
其次是图片问题。
图片思考1.图片太大了,在网上找不失真情况下的在线压缩图片网站,进行压缩。快了一点点,效果还是不明显,因为图片大小就在哪里,在不失真情况下压缩,需要的大小还是比较可观的。
图片思考2.懒加载,随着页面往下拉,首页慢慢出现对应图片,而不是一口气加载玩全部图片,快了近1s,但是响应时间还是在2s+,还是不满足用户要的响应很快的需求,继续优化。
图片思考3:采用cdn加速,去腾讯云上开通了cdn加速,对在首页图片放到cdn进行加速,花钱你才能变得更强,速度上来了,图片加载耗时到0.5s以内,整体大概打开速度在0.6s左右就能显示出来。
=============================================================================
后面用到了前后端分离,对应图片放在oss上,然后oss图片跟cdn进行组合。这里的话 如果都是阿里云的服务器,那么阿里云的oss跟cdn对接有具体教程,腾讯云的cdn跟阿里云的oss,有些许小麻烦。
对于网页的优化思考的考虑,1.进行问题排查,找出耗时多的消灭它。2.从局部到整体,能改动最小是最好的,因为如果改动大,鬼知道会涉及其他什么。 3.能不花钱,然后考虑花钱的,这个就是很实际的问题。