MENU 服务 案例
网站建设-网站设计-北京网站建设-高端网站制作公司-尚品中国
我们通过拥抱变化创造
360°的品牌价值__
简体
简体中文 English

尚品中国携手倍升互联,共谱网站建设新篇章

类型:尚品动态 了解更多

[北京网站制作]高性能web开发之网络传输环节

来源:尚品中国| 类型:网站百科| 时间:2011-10-24

高性能web开发之网络传输环节

1.减少请求数.

◆ 缓存,使用Expires 等设置过期时间;如果内容没有过期就不发送请求

◆ 合并小体积内容,例如吧数量众多的小图片放在一个图片,之后用css部分呈现(大体积的内容就别合并了)

◆ 延迟加载;部分内容,例如图片在页面呈现的时候才加载 (常用的就是滚动条到了以后才加载);减少不必要的请求

◆ 合并重复内容和文件

◆ 考虑使用第三方CDN资源,例如jQuery有免费的CDN,有些用户已经在其他网站访问过该内容了,那么到我们的网站加载就更快了 (而且使用CDN降低对我们服务器的压力)

◆ 使用HTML 5 中的Local Storage等保存数据

2.减少响应内容的体积.

◆ 适当的时候只返回响应头304 (HTTP缓存,如ETag等)

◆ 使用Gzip等压缩文件内容

◆ 使用免费的第三方工具,压缩css,js和html等文件的大小 (例如我们常见的 jquery.min.js)

◆ 适当使用Ajax操作

◆ 在适当的时候,将样式,HTML和数据分离 (数据量很大的时候极大减小文件体积)

  1. <ul id="id"> 
  2.     <li style="一大堆的样式">数据 </li> 
  3.     <li style="一大堆的样式">数据 </li> 
  4.     <li style="一大堆的样式">数据 </li> 
  5. </ul> 
  6. 分成HTML 样式 和数据3部分  
  7.  
  8. HTML  
  9. <ul id="id"> 
  10.     <li></li> 
  11.     <!-- 如果使用数据模板等方式 只需要保留一个Li 否则需要多个 --> 
  12. </ul> 

样式保存在CSS文件中一些基本的小常识 虽然有很多个li 不用给每个li指定class

数据

◆ 使用JSON返回 (如果觉得麻烦也可以嵌入在页面中)

◆ 选择体积更小的数据格式,例如JSON一般就比XML体积来的小 (都经过压缩以后还是更小)

◆ 在设计上,只传送变化的部分数据 (例如要获取100条数据,可能已经加载了90条,那么再加载10条就好了)

◆ 移除请求和响应中不必要的HTTP Header (例如WCF Restful service中有的时候要传递表明当前数据是JSON还是XML的HTTP Header)

◆ 部分功能,如压缩会消耗CPU, 如ajax等会增加开发工作量,请谨慎选择

3.增加请求并发数.

◆ RFC中,浏览器对于同一个域名下的资源只能使用2个线程同时进行访问(很多新的浏览器支持6个或者更多);解决方法是使用子域名,例如1.abc.com 2.abc.com

  1. <img src ="1.abc.com/1.png" /> 
  2. <img src ="1.abc.com/2.png" /> 
  3. <img src ="2.abc.com/3.png" /> 
  4. <img src ="2.abc.com/4.png" /> 
  5. <img src ="3.abc.com/5.png" /> 
  6. <img src ="3.abc.com/6.png" /> 
  7. <img src ="4.abc.com/7.png" /> 
  8. <img src ="4.abc.com/8.png" /> 

◆ 将一个超大的文件(例如有些人喜欢吧整个网站的js都放在一个文件)拆成一系列的中小文件 (有利于并发加载和缓存!)这个文件大小的Size选择很重要 我个人建议是10k-200k (依赖于网络)

◆ 上一条并没有和1-2冲突,文件太小太多也不行,文件太少太大也不行,这是一个平衡的问题

◆ 通过分拆文件,使得最常用页面(例如首页)的加载速度变快了

◆ 控制加载顺序,例如先加载页面大体结构,然后多个javascript异步请求加载数据(把一个大的html变为多个小的html片段)

4.其他特殊技术.

◆ 利用HTTP 1.1的长连接特性,使得在一定程度上,服务器可以主动推送数据(减少了很多不必要的轮询)

5.工具.

◆ Fiddler (Free)

◆ FireDebug (Free)

◆ HttpWatch

部分内容引用自MSDN和其他第三方文章..

标签:北京网站制作 高端网站建设

来源声明:本文章系尚品中国编辑原创或采编整理,如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系(010-60259772)。
TAG标签:

如果您的网站可以增加转化次数并提高客户满意度,该怎么办?

预约专业咨询顾问沟通!

*尚品专业顾问将尽快与您联系

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:010-60259772
电子邮件:394588593@qq.com

现在就与专业咨询顾问沟通!

  • 全国服务热线

    400-700-4979

  • 北京服务热线

    010-60259772

信息保护中请放心填写
在线咨询

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:010-60259772
电子邮件:394588593@qq.com