对于互动类产品,性能是最重要的,最近半年也一直致力于优化.说到优化,不能为了优化而优化.需要找到最影响性能的点.对于大型网站,对于server端的优化是有限的(相对来说),因为这涉及到底层架构改造,从时间和效果来看,并不能立竿见影.服务器端的优化更倾向于伸缩性和可扩展性,那么最利于优化,最见效果的优化属于前端的优化.
对于博客这样的内容提供网站,提供了外部组件的嵌入,提供了各种各样的布码.简单的来说,就是页面元素过多极大影响了页面的呈现,尤其客户端在渲染的时候,不堪重负,会给人一种很"笨重"的感觉.最近三年我们很轻而易举的加了很多组件服务,可从没考虑过带来的影响.
这次在我们改造中,对于外部服务的引入有了细致的要求.最重要的包含四点:
1:外部资源引入的标准化,比如js,css,image,flash的合并,本地化存储(强制将外站的资源放入本地),资源的cache-control控制和gzip压缩.代码空行的删除,减少接口调用.
从目前的经验来看,减少js和css的请求对于低速网速来说,绝对见效果,谁也不愿意看到一个空白页面.
2:js方面避免document.write,eval,避免cookie的操作.
3:触发机制的引入:这是最重要的一点:
等核心主功能操作完成后,再去加载外部资源并控制其执行,所谓控制就能够避免很多问题的产生,有效的能做到服务隔离.
4:对外部资源引入和执行的性能进行校验.
类似于外部服务的优化,绝对是比较见效果的,而最大的障碍是执行,尤其和外部门合作,这次能够得到领导的支持,这是工作最大的动力.让你的服务轻快起来吧!从前端优化开始,没有任何技巧,减少外部资源的引入,异步加载,其实很简单.