网站性能优化

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

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没有更新的时候,用户不需要从新请求,可以直接在本地读取,速度上会有很大提升。

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

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

转载于:https://www.cnblogs.com/Lee-ahao/p/5543895.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值