网站性能优化

      之前在做电商网站的时候,曾经因为网站图片太多,加载过慢而不得不提高服务器性能,但阿里云服务器提升性能较贵,便去找了找关于网站性能优化的知识,没想到的确省了一些钱,性能有所好转。最近公司的项目又再次涉及到性能优化问题,总结了下之前经历的项目经验,得出以下几点优化思路:

1.从请求入手,找到最慢的一个

  就好像木桶原理一样,找到最短的一块进行弥补。性能优化也一样,找到最慢的那部分请求进行优化。一般可以分为图片、css\js文件、后台请求等几方面。

通过对请求进行分析找到最慢的一个进行优化

2.图片优化

  为了展示好的效果,不少不能通过代码展示的地方都会用图片进行代替,但随之而来的问题就是图片过大,如果压得太小清晰度又不高,通过多次试验,发现在psweb模式保存下jpg格式可以压到60的质量,然后大图通过割成多张小图的形式让其进行逐渐加载,以防因为一张图片过大而导致堵塞。而对于小图(譬如小图标一类),可以通过做成一张大图来减少请求次数,即常说的雪碧图(sprite)。对于一些可以通过css样式进行重复的背景图片,尽量使用css样式进行处理,而不是加载一张大图,如果能以代码代替其效果,则以代码代替为主。并且在切片的时候最好考虑以颜色为分隔进行切图,这一点需要自己多实践多体会(做过一个比较,同样大小和分辨率的图片,颜色越复杂,图片越大)。

  除了在切图过程中尽量减小图片大小,还可以通过cdn等加速方式实现图片的快速加载。

cdn加速原理

3.css/js文件

  尽量少请求,可以对css和js文件进行合并,并且对css/js进行压缩,这些在网上很多现成的工具,如在线JS/CSS/HTML压缩等。

4.后台请求

  一般尽可能地减少请求,后台请求主要优化方法在于加快后台响应时间,一个是优化后台代码,第二个是优化服务器部署。如果请求量极大,可以考虑使用分布式。如果请求量一般,可以考虑数据库服务器和网站服务器分离,因为两者都需要大量内存,分离后能有效提高效率,而且便于日后扩展。

5.缓存

  现在很多网站都用到了缓存技术,如淘宝京东一类,页面css和js变化较少,当css和js没有更新的时候,用户不需要从新请求,可以直接在本地读取,速度上会有很大提升。

淘宝页面用到了大量的缓存

  网站性能优化技巧远不止这些,很多都是在实践中得出的经验,更需要的是我们在实际工作中不断摸索探究。

posted @ 2016-05-30 21:01  啊昊  阅读(485)  评论(0编辑  收藏  举报