菜单

Web性能优化:What? Why? How?

2018年11月18日 - Html/Html5

Web性能优化:What? Why? How?

2015/06/23 · HTML5 · 1
评论 ·
属性优化

原稿出处: 木的树   

缘何而升迁web性能?

Web性能黄金守则:只出10%~20%底最终用户响应时间花在了下载html文档上,其余的80%~90%日子花在了下载页面组件上。

web性能对于用户体验有伙同主要的震慑,根据著名的2-5-8原则:

全副都用研究,通过是的研讨我们虽好找到事物的迈入规律。这里而谢谢雅虎的工程师总结的14长长的前端优化法则,使得我们得站于巨人的肩上。《高性能网站建设》这仍开被的14漫漫优化原则,总结起来要是以下个方面的优化:

  1. 减少HTTP请求
  2. 页面中优化
  3. 启用缓存
  4. 抽下载量
  5. 网络连接上之优化

怎么减少HTTP请求可以加强Web性能?

若是报这题目,我们虽使了解当浏览器为服务器发送一个http请求知道获取数据都更如何过程:

拉开一个链接(tcp/ip的老三不行握手过程) -》 发送请求 -》 等待(网络延迟跟服务器的拍卖时)-》 下充斥数据

俺们看一下百度首页中的http请求于各级阶段耗费的日,上面不同的颜料代表下图中之例外阶段

图片 1

(点击查阅大图)

可以看出除了图片之外,其余大部分http请求的风波花在了立连接和待阶段。

http协议建立在TIC/IP协议之上,在TCP/IP协议被,TCP协议提供保险的总是服务,采用三不善握手建立一个一连。
简单来说三糟糕握手就是一个位置确认之经过:

(第一不成握手:主机A发送位码为syn=1,随机产生seq
number=1234567的多寡包到服务器,主机B由SYN=1知道,A要求建立一起;)

晴儿:你是潇哥哥吗,我是晴儿

(第二破握手:主机B收到请求后要确认共同信息,向A发送ack
number=(主机A的seq+1),syn=1,ack=1,随机产生seq=7654321之管)

潇剑:这货是谁,一箫一剑走人间,下一样句是啊?

(第三次等握手:主机A收到后检查ack number是否正确,即首先次于发送的seq
number+1,以及位码ack是否为1,若对,主机A会再发送ack
number=(主机B的seq+1),ack=1,主机B收到后确认seq值与ack=1则连年起成。)

晴儿:这篇诗。。。你确实是潇哥哥,一萧一剑走人间,千古情愁酒一扭曲。。。

潇剑:晴儿,你实在是晴儿。。。。

(啪啪啪啪啪啪啪啪啪啪啪啪啪啪啪。。。。。。。。。。。。)

言归正传,这个过程吧是得消耗时间的,在百度首页找到一个太的例证:图片 2

(点击查阅大图)

如若待的年华便为过内容下载的年月,这里同样找到一个无比例子:图片 3

(点击查阅大图)

经过我们得以得出结论:一个http请求绝大多数之辰耗在了立连接和等待的时间,优化的法子是减掉http请求。

如何提高web性能?

1、减少HTTP请求

诚如的话要压缩http请求通常从点滴单方面下手:减少图片的乞求、减少脚本文件及样式表的恳求

图表的减一般发生少种植办法:css sprites、内联图片、IconFont。

CSS
Sprites:将大半摆设图片合并成为一轴单独的图样,使用css的background-position属性,将html元素的背景图片放到sprites
图片被的巴位置及。使用这项技艺之附加优点是他退了下载量,合并后底图样于分别的图片及更有些,因为它们降低了图自身的开支(颜色表、格式信息等等)。实际项目受到css
sprites是一样件体力活,因为开发进程中得针对及时张大图进行维护(添加、减少图片),张鑫旭同学的篇章被产生介绍如何管理sprites图片可以作为参考(这里)。如果需要在页面中也背景、链接、导航栏提供大量之图样,css
sprites绝对是同栽名特新优精之缓解方案(干净的价签、较少之图、较短的响应时间)。

内联图片:通过动用data:URL模式可再页面被寓图表而不论是需任何附加的求。缺点就是是IE8以下的浏览器不支持这种措施,而IE8在数码大小上闹限定,只能支持23kb以内的数。对于比较小的图来说可一直内联到web页面中,但对于大图片内联到页面里会促成页面变死,聪明的做法是运用css,将内联的图作为背景以,并放置外部体制表中,这象征数据好缓存在样式表内部。使用外部样式表虽然长了一个http请求,但样式可以被浏览器缓存,得到额外的博。另外一些亟待小心:base64凡有损压缩。

图片 4

IconFont:图标字体,这是多年来新流行的平等栽为书代替图片的技术。它可以适应任何分辨率而非会见油然而生图模糊问题,与图片对比其富有双重有些之容量,更胜的八面玲珑(像字一样可装图标大小、颜色、透明度、hover状态、反转等),IE8以上之浏览器都支持该技术。在应用IconFont之前,你首先使确定你选则的字体库是否是收费。详细内容可参考这首文章:贪图标字体化浅谈

削减脚本与样式表的伸手主要原则就是是合并。在事实上开支被我们随模块化的条件用代码分散到多略文件被,按照软件开发的尺度这是完全正确的,但于上线页面来说,每一个文书都见面来一个http请求,严重影响属性。和css
sprites一样,将这些多少文件合并及一个文本被,可以减少http请求的数据并缩短最终用户响应时间。在合过程中我们尚需利用工具精简(移除不必要的字符以削弱多少文件大小缩减下载时间)和模糊(除了移除不必要配符外,还会转写来代码,比如函数和变量名用还短的标量名)Javascript代码。对于利用AMD或CMD进行模块化开发的同桌,在联过程中便会拿依的别样模块打包到一个文件中,而模板html通常为字符串的法子内联到Javascript文件中。目前极其常用的前端构建工具就是是glup,这里产生同一首初步应用的文章:前者
| gulp 打包 require.js
模块依赖

2、页面内优化

关于页面内优化主要倾向:样式表放在顶部、脚本文件在脚、避免css表达式、把剧本的体制表放在表面、移除重复脚本

关注性能的工程师还想页面能否尽快的展现在用户眼前,对于页面被许多情之页面我们且指望内容能逐渐加载,为用户提供可视化回馈。而用样式表放在底层会促成浏览器阻止内容日益显现。为避免当页面变化时重绘页面元素,浏览器会阻塞页面呈现,直到样式表解析完毕(详细内容可以查自己的当下篇博客)。所以要用样式表放在顶部连无见面压缩资源的加载时间,它减少的是页面的呈现时间。小米主页已经犯过这样的缪:图片 5

用样式表放在脚会死页面的日趋显现,而用script文件在页面顶部同样会阻塞页面的逐年显现。script元素会阻塞后续内容的剖析,因为script中可跟过document.write来转页面。解决的方法就是是以script标签放在页面底部。这样既可吃内容日益呈现,也得增进下载的并行度。如果我们规定不需要document.write那得吗script标签加上asyn属性(Ie中一旦增长defer)提高并行下载度。

CSS表达式是ie支持之足为此来动态更改css属性的如出一辙栽方式,我们无待了解太多,她的书写方式如下,一旦以成品遭窥见expression关键字就设清扑灭。

图片 6

运用外部脚本和样式就无异于长条,我想凡是有硌经历的工程师还见面这么干。

移除重复脚本:这条说的显要是免以页面中反复入同一份Javascript代码,如果我们的支付被来赖管理之计比如AMD、CMD,基本未见面冒出这种状况。

 

3、启用缓存

至于缓存的施用此介绍两模仿方案:expires/If-Modified-Since、Cache-Control/Etag;前者是HTTP1.0蒙的缓存方案,后者是HTTP1.1遇缓存方案,若http头部中同时出现二啊,后者的先级更强。

If-modified-since的道一般被称之为条件Get。浏览器缓存中保存了一个文本之副本,但待向服务器询问这副本是否可用。If-Modified-Since是浏览器将最终修改时间发送给服务器,服务器相应头中Last-Modified进行对照;若If-Modified-Since
<= Last-Modified 则浏览器读取本地副本。此时应状态也304 Not
Modified, 并无在殡葬响应体。

图片 7

Expries:虽然使口径GET和304应能够节省时间,但浏览器和服务器端仍然使发送一不成呼吁进行确认。通过明确设置副本的晚点时足以避条件GET。当浏览器发现应头着之expires时,会以过期时间和文件并保存至缓存中失。在逾期前一直打缓存中读取。expires头使用一个一定的日子来指定缓存的有效期,他求浏览器与服务器时间完全一致。而且若过期,服务器端配置中要再行设顶一个超时日。

图片 8

ETag(实体标签):是服务器用于检查浏览器缓存中的同等种体制。ETag在HTTP1.1惨遭引入,ETag是绝无仅有标识了一个零件的一个一定版本的字符串。唯一的格式约束是其一字符串必须利用对引号。如果浏览器要验证一个组件是否中他会晤动用If-None-Match将etag字符串传送给服务器。如果ETag是匹配的,服务器端会返回304.(如果实体数据要基于User-Agent或Accept-Language来改变时,ETag提供了又胜似之油滑)。对于以服务器集群的网站以来,从平玉服务器到其他一样台服务器,ETag通常是力不从心配合的。这是ETag的问题。而且就是同时以If-Modified-Since和If-None-Match也并无克落得预期效应。解决方法总是有:自定义Etag格式

图片 9

Cache-Control:HTTP1.1引入了来代替Expires,它用max-age指令来指定副本为缓存多久,该令以秒为单位定义了一个更新窗,组件从被求开始至现行之秒数小于设定值,则直用副本。避免了一如既往不良http请求。相比Expries,Cache-Control指令提供了双重细致粒度的主宰。详细内容要看大额同学的文章:由此浏览器看HTTP缓存

 

4、减少下载量

减少下载量最得力的不二法门尽管是翻开gzip压缩,gzip是GNU开发之平等种植免费格式。压缩组件通过减小http响应的尺寸来加速响应速度。HTTP1.1经采用DontTrackMeHere来标识支持的削减,如果服务器看到是标识,会用要求头中的相同栽办法来减响应。并经过Content-Encoding来通知web客户端。很多网站会压缩html文件,实际上包括xml跟json在内的旁文件都得减掉,但图与pdf不应该减少。根据经验通常可以本着过1kb或2kb的文件进行压缩。压缩普通会用应的数据量减少70%。压缩的资金在:服务器需要耗费额外的cpu进行削减,客户端需要消除压缩。所以要以cpu的吃及数据块的深浅之间进行选。

 

5、优化网络连接

网络连接的优化主要发生三只规则:使用CDN加速、减少DNS查找、避免重定向

CDN:CDN是地理及遍布之web
server的汇,用于更高速地公布内容。通常根据网络远近来选择于现实用户服务的web
server。 这缩短了资源的导响应时间,有效提高web性能。

DNS用于映射主机名和IP地址,一般同样糟解析需要20~120毫秒。浏览器会率先根据页面的主机名进行域名解析,在产生ISP返回结果之前页面不见面加载任何内容,所以减少DNS查找可以有效降低等时。为达更胜似之属性,DNS解析通常为多级别地缓存,如出于ISP或局域网维护的caching
server,本地机械操作系统的缓存(如windows上之DNS Client
Service),浏览器。IE的缺省DNS缓存时间吧30分钟,Firefox的缺省缓冲时间是1分钟。 我们能举行的凡尽量减少一个页面的主机名,但若是于浏览器最充分交互下载数跟dns查找之间做衡量。根据雅虎的研究,最好以主机名控制以2-4只内。

重定向:将一个URL重新路由于到其他一个URL。重定向功能是经过301与302当下有限独HTTP状态码完成的,如:
HTTP/1.1 301 Moved Permanently
Location: http://example.com/newuri
Content-Type: text/html

浏览器自动重定向请求到Location指定的URL上,重定向的基本点问题是跌了用户体验。 种最耗费资源、经常来如好轻受忽略的重定向是URL的末尾欠/,导致自动出结尾斜线的原因是,浏览器在进行get请求是必须指定一些路;如果没有途径它便会略的采用文档根。(主机缺少结尾斜线是勿会见生出重定向:http://www.baidu.com)缺少结尾斜线发生重定向是很多web服务器的默认行为。需要在服务器端设置方可消除。以下图片是豆瓣的一个url请求:![](http://ww1.sinaimg.cn/mw690/6941baebjw1etdvd5ao66j20iq02xt8w.jpg)

雅虎的14条优化规则以充分丰富之一段时间里表达在要作用,随着技术之向上,单只有这十四长条规则已经不可知满足前端性能优化。在一些不胜商店出现了前者工程化这无异于概念,详细内容可参见一下马上首文章:前者性能优化工程化进阶

 

参考资料:

web前端性能意思、关注重要、测试方案、

WEB站点性能优化履(加载速度提升2s)

HTTP协议三赖握手过程

愈性能WEB开发 –
为什么要削减请求数,如何压缩请求数!

自我是何等对网站CSS进行架构的

贪图标字体化浅谈

使用ETag缓存优化请求

透过浏览器看HTTP缓存

1 赞 2 收藏 1
评论

图片 10

  CSS
Sprites:将大半摆放图片合并成为一轴单独的图形,使用css的background-position属性,将html元素的背景图片放到sprites
图片被的只求位置及。使用这项技艺之附加优点是他退了下载量,合并后底图于分别的图形和再次有些,因为她降低了图自身的出(颜色表、格式信息等等)。实际项目受到css
sprites是一样件体力活,因为支付进程中需对当下张大图进行维护(添加、减少图片),张鑫旭同学的稿子中发生介绍如何保管sprites图片可以作为参考(这里)。如果欲在页面被吗背景、链接、导航栏提供大量的图纸,css
sprites绝对是相同种可以的缓解方案(干净之竹签、较少的图样、较短的应时间)。

  Cache-Control:HTTP1.1引入了来代替Expires,它应用max-age指令来指定副本为缓存多久,该令以秒为单位定义了一个更新窗,组件从为请开始到今天的秒数小于设定值,则一直下副本。避免了扳平次等http请求。相比Expries,Cache-Control指令提供了重密切粒度的支配。详细内容请看大额同学的篇章:经浏览器看HTTP缓存

  减少脚本与样式表的求主要原则就是是合并。在实际上开发被我们按照模块化的标准化用代码分散到多略带文件被,按照软件开发的格这是完全正确的,但于上线页面来说,每一个文书都见面时有发生一个http请求,严重影响属性。和css
sprites一样,将这些多少文件合并及一个文书被,可以减去http请求的数据并缩短最终用户响应时间。在联过程被我们尚需利用工具精简(移除不必要的字符以削弱多少文件大小缩减下载时间)和混淆(除了移除不必要配符外,还会见改写来代码,比如函数和变量名用更少的标量名)Javascript代码。对于利用AMD或CMD进行模块化开发的同校,在联合过程被司空见惯会拿依的旁模块打包到一个文本中,而模板html通常因为字符串的方法内联到Javascript文件中。目前极度常用的前端构建工具就是是glup,这里有一致篇初步应用的文章:前者
| gulp 打包 require.js
模块依赖

Web应用性能优化黄金法则——转

何以而升级web性能?

  4、减少下载量

  DNS用于映射主机名和IP地址,一般同样不善解析需要20~120毫秒。浏览器会率先冲页面的主机名进行域名解析,在发ISP返回结果前页面不见面加载任何内容,所以减少DNS查找可以使得降低等时。为达标更胜之性,DNS解析通常给多级别地缓存,如由ISP或局域网维护的caching
server,本地机械操作系统的缓存(如windows上之DNS Client Service),浏览器。IE的缺省DNS缓存时间为30分钟,Firefox的缺省缓冲时间是1分钟。 我们会召开的凡尽量减少一个页面的主机名,但若以浏览器最深交互下载数跟dns查找之间举行衡量。根据雅虎的钻研,最好拿主机名控制在2-4个内。

  而等的年华通常也超乎内容下载的流年,这里同样找到一个不过例子:图片 11

  由此我们可以得出结论:一个http请求绝大多数的时耗在了树立连接和等待的时空,优化的方式是减http请求。

  If-modified-since的点子一般为喻为条件Get。浏览器缓存中保存了一个文本之副本,但用向服务器询问这副本是否可用。If-Modified-Since是浏览器将最终修改时发送给服务器,服务器相应头中Last-Modified进行自查自纠;若If-Modified-Since
<= Last-Modified 则浏览器读取本地副本。此时响应状态吧304 Not
Modified, 并无以殡葬响应体。

  浏览器自动重定向请求到Location指定的URL上,重定向的重要问题是跌了用户体验。 种最耗费资源、经常有如雅轻受忽略的重定向是URL的末尾欠/,导致自动出结尾斜线的由是,浏览器在开展get请求是要指定一些路线;如果没有途径它就会略的采取文档根。(主机缺少结尾斜线是不会见出重定向:http://www.baidu.com)缺少结尾斜线发生重定向是很多web服务器的默认行为。需要在服务器端设置方可消除。以下图片是豆瓣的一个url请求:![](https://images0.cnblogs.com/blog2015/412020/201506/210217444667003.png)

  凡事都亟待研究,通过科学的研究我们不怕足以找到事物之开拓进取规律。这里而谢谢雅虎的工程师总结的14漫漫前端优化法则,使得我们可站在巨人的肩上。《高性能网站建设》这按照开被的14长达优化原则,总结起来要是以下个方面的优化:

  Expries:虽然应用规则GET和304响应能够节省时间,但浏览器与服务器端仍然使发送一糟糕呼吁进行确认。通过明确设置副本的过时得避免条件GET。当浏览器发现应头着之expires时,会以过期岁月与文件共保存到缓存中失。在逾期前一直打缓存中读取。expires头使用一个一定的时间来指定缓存的有效期,他求浏览器与服务器时间完全一致。而且要过期,服务器端配置中得重新设顶一个过期光阴。

赛性能WEB开发 –
为什么要缩减请求数,如何压缩请求数!

  

 

 

web前端性能意思、关注重要、测试方案、

  图片 12图片 13

胡减少HTTP请求可以增强Web性能?

  CDN:CDN是地理及遍布之web
server的聚众,用于更高速地发表内容。通常根据网络远近来选择于现实用户服务之web server。 这缩短了资源的导响应时间,有效提高web性能。

潇剑:这卖是何人,一箫一剑走人间,下同样句子是啊?

 

  关心性能的工程师还愿意页面能否尽早的展现在用户面前,对于页面被诸多情节的页面我们且想内容会逐渐加载,为用户提供可视化回馈。而用样式表放在底部会招致浏览器阻止内容日益呈现。为避免当页面变化时重绘页面元素,浏览器会阻塞页面呈现,直到样式表解析完毕(详细内容可查阅自己的立刻首博客)。所以若拿样式表放在顶部并无见面减资源的加载时间,它减少的是页面的呈现时间。小米主页已经犯过这样的失实:图片 14

  网络连接的优化主要发生三只规则:使用CDN加速、减少DNS查找、避免重定向

 

  图片 15

本身是怎样对网站CSS进行架构的

潇剑:晴儿,你实在是晴儿。。。。

  要报这题目,我们即便假设了解当浏览器为服务器发送一个http请求知道获取数据都经历什么过程:

图标字体化浅谈

  将样式表放在脚会阻塞页面的逐步显现,而用script文件在页面顶部同样会死页面的慢慢显现。script元素会阻塞后续内容的分析,因为script中可以同过document.write来转页面。解决的章程就是是拿script标签放在页面底部。这样既可被内容日益呈现,也得增长下载的并行度。如果我们规定不欲document.write那可呢script标签加上asyn属性(Ie中只要增长defer)提高并行下载度。

Web性能黄金则:只发10%~20%的最终用户响应时间花在了下载html文档上,其余的80%~90%光阴花在了下载页面组件上。

  移除重复脚本:这漫漫说的重大是避在页面中往往加入同一份Javascript代码,如果我们的支付被发生仗管理之计比如AMD、CMD,基本未见面冒出这种状况。

  可以看看除了图片之外,其余大部分http请求的风波花在了成立连接和待阶段。

  CSS表达式是ie支持之可据此来动态更改css属性的如出一辙种方式,我们无待了解太多,她的书写道如下,一旦以成品受窥见expression关键字就设根本扑灭。

图片 16

  雅虎的14长优化规则以非常丰富之一段时间里发表着重大作用,随着技术的前行,单就这十四修规则已经不克满足前端性能优化。在一些百般企业出现了前者工程化这同概念,详细内容好参照一下马上首文章:前者性能优化工程化进阶

经浏览器看HTTP缓存

图片 17

(啪啪啪啪啪啪啪啪啪啪啪啪啪啪啪。。。。。。。。。。。。)

HTTP协议三次握手过程

 

  web性能对于用户体验出伙同主要的影响,根据著名的`2-5-8`原则:

  2、页面内优化

  关于页面内优化主要趋势:样式表放在顶部、脚本文件在脚、避免css表达式、把剧本的体制表放在表、移除重复脚本

  言归正传,这个历程也是亟需耗费时间的,在百度首页找到一个极端的例证:图片 18

  图片的抽一般有个别种艺术:css sprites、内联图片、IconFont。

WEB站点性能优化履(加载速度提升2s)

  重定向:将一个URL重新路由于至其他一个URL。重定向功能是经301以及302即有限只HTTP状态码完成的,如: 
   HTTP/1.1 301 Moved Permanently 
   Location: http://example.com/newuri 
   Content-Type: text/html 

  使用外部脚本和体裁就等同修,我想凡是有接触更的工程师还见面这么干。

  3、启用缓存

  (第二蹩脚握手:主机B收到请求后只要承认并信息,向A发送ack
number=(主机A的seq+1),syn=1,ack=1,随机产生seq=7654321底保险)

图片 19

  减少下载量最灵之方尽管是打开gzip压缩,gzip是GNU开发的一致种植免费格式。压缩组件通过减小http响应的高低来加速响应速度。HTTP1.1经过使用Accept-Encoding来标识支持的滑坡,如果服务器看到此标识,会动用要求头中之如出一辙栽方法来减响应。并通过Content-Encoding来打招呼web客户端。很多网站会压缩html文件,实际上包括xml跟json在内的另公文都可以削减,但图和pdf不应有压缩。根据涉通常可以本着超1kb或2kb的公文进行削减。压缩一般性能够以响应的数据量减少70%。压缩的本钱在:服务器需要耗费额外的cpu进行压缩,客户端需要免去压缩。所以待在cpu的消耗及数据块的高低之间进行抉择。

http://www.cnblogs.com/dojo-lzz/p/4591446.html

  1、减少HTTP请求

下ETag缓存优化请求

  内联图片:通过应用data:URL模式可重页面中蕴藏图表而无论是需外额外的请。缺点就是IE8以下的浏览器不支持这种艺术,而IE8在数额大小及有限制,只能支持23kb以内的数目。对于比较小之图形来说可直接内联到web页面中,但对于大图片内联到页面里会造成页面变死,聪明的做法是使css,将内联的图形作为背景以,并放置外部体制表中,这象征数据足以缓存在样式表内部。使用外部样式表虽然增加了一个http请求,但样式可以于浏览器缓存,得到额外的抱。另外一些要留意:base64凡是有损压缩。

 

图片 20

  开启一个链接(tcp/ip的老三次等握手过程) -》 发送请求 -》 等待(网络延迟跟服务器的拍卖时)-》 下充斥数据

晴儿:你是潇哥哥吗,我是晴儿

  

  5、优化网络连接

  参考资料:

  一般的话要削减http请求通常从有限单方面下手:减少图片的乞求、减少脚本文件及样式表的恳求

图片 21

  1. 减少HTTP请求
  2. 页面内优化
  3. 启用缓存
  4. 减下载量
  5. 网络连接上的优化

晴儿:这首诗。。。你真是潇哥哥,一萧一剑走人间,千古情愁酒一扭。。。

  我们看一下百过首页中之http请求于列阶段耗费的时空,上面不同之颜料代表下图被的异等级

  关于缓存的行使此介绍两拟方案:expires/If-Modified-Since、Cache-Control/Etag;前者是HTTP1.0中的缓存方案,后者是HTTP1.1着缓存方案,若http头部中而出现二哟,后者的先行级更强。

  ETag(实体标签):是服务器用于检查浏览器缓存中的一律栽体制。ETag在HTTP1.1受到引入,ETag是绝无仅有标识了一个零件的一个特定版本的字符串。唯一的格式约束是此字符串必须使对引号。如果浏览器要说明一个组件是否中他会晤下If-None-Match将etag字符串传送给服务器。如果ETag是匹配的,服务器端会返回304.(如果实体数据要依据User-Agent或Accept-Language来改变时,ETag提供了更胜似的油滑)。对于用服务器集群的网站来说,从平华服务器到任何一样华服务器,ETag通常是无法配合的。这是ETag的题目。而且就是以使用If-Modified-Since和If-None-Match也并无能够达成预期效应。解决方式总是有:自定义Etag格式

  IconFont:图标字体,这是近来新流行的同种为书代替图片的技能。它可适应任何分辨率而无会见油然而生图模糊问题,与图片对比其具备双重小之容量,更强的油滑(像字一样可以设置图标大小、颜色、透明度、hover状态、反转等),IE8以上的浏览器还支持该技能。在以IconFont之前,你首先要规定你选则的字体库是否是收费。详细内容可以参见这首文章:希冀标字体化浅谈

  http共商建立在TIC/IP协议之上,在TCP/IP协议被,TCP协议提供保险的连日服务,采用三次于握手建立一个总是。
简单来说三坏握手就是一个位确认的长河:

  (第一软握手:主机A发送位码为syn=1,随机产生seq
number=1234567的数额包到服务器,主机B由SYN=1知道,A要求成立并;)

怎么样提高web性能?

  (第三不良握手:主机A收到后检查ack number是否是,即首先不善发送的seq
number+1,以及位码ack是否为1,若对,主机A会还发送ack
number=(主机B的seq+1),ack=1,主机B收到后确认seq值与ack=1则总是起成。)

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图