域名发散--前端优化(三)

话说天下大势，分久必合，合久必分

其实域名也是同样，分分合合， 不论是域名收敛仍是域名发散，都有着本身独特的应用场景。
目前, 在web's top 30,000 URLS 里面， 平均每一个域名承担了50个资源的请求，因此，域名的扩散实际上是个很重要的手段.
如今大部分website都推崇这域名的发散
这是为何呢?为何呢?为何呢?

why is domain sharding important?

域名发散出现的缘由其实真得浏览器. md~ 之前网速慢，设备差，稍微流量大一点 Server 就崩溃了。 因此, 为了保护你的服务器不被强暴到崩溃，浏览器要对max connections 有限制.若是每一个用户的max connections 不限制的话， 结果就是, 服务器的负载能力会低至冰点~
另外还有一个方面就是, 识别用户不是DDOS attacker. 缘由我就很少说了。 若是有大神的话，能够DDOS一下,试一试，表示，个人电脑扛不住.

What does DS(domain sharding) can do?

因为浏览器的限制，每一个浏览器，容许对每一个域名的链接数通常是有上限的.

这是browserscrope生成的结果.经过这样图，咱们就能够知道在一些现代浏览器内每一个hostname的最大链接数基本都是6个，可是IE这个傻逼，不知道抽风了么？ 固然，若是 进行了DS以后 增长链接，也仍是有最大的链接数的(好比17)。
这里，为了讲解清晰，我举个例子吧. 假设如今浏览器对每一个域名链接数为1. 那么现实状况是.

浏览器解析完咱们的文档以后开始发起请求，对文件进行加载. 而后一个一个文件 在max connections 下进行排队下载.
但若是咱们使用了域名分散以后，使用多个domain进行资源的下载，就有.

这样彻底能够省略掉排队的时间.提高网页加载的速度.

how to make DS come true?

使用CNAME进行设置

服务器对于每一个域名的限制只是针对于hostname而已, 就算你的IP地址同样，也是没有太大关系的。因此，这里就可使用CNAME来建立，不一样域名相同IP的映射.
CNAME全称就是Canonical Name。 他是DNS服务商提供的一项服务，用来给你的网站设置别名。
好比，你如今的网站是abc.example.com. 可是，你也想使用def.example.com 来访问相同的网站， 那么这就须要你使用CNAME 来对你的域名设置alias. 一般不一样的服务商有着不一样的设置方法. 好比: 国外的maxCDN。
这样，就能很方便的设置另外的域名来增长你文件的connections number.
另外,还能够在DNS服务商下申请子域。这些都是可行的.

DS的最佳实践

使用DS 并非一本万利的。 由于在你增长域的同时，每每会给浏览器带来DNS解析的开销。若是有兴趣的同窗能够参考DNS解析. 对于PC端上,几十ms的解析速度来讲还好，可是，在手机端上,DNS 解析的效果我就呵呵了. 少则几百毫秒，多则1s+.
这里咱们用数听说话.
手机端页面加载数和域名分散数的关系. from Mobify Developer

如今，各大浏览器都已经提高了资源的下载数，因此，域名分散的必要性也就没这么大了. 能够从上表看出，在2个域名分散条件下，网页的加载速度提高较大，而第三个之后就比较慢了。 因此， 通常来讲，域名分散的数量最好在3如下.

那有没有其余办法可以代替DS呢？ 事实上有的， 最出名的应该算CDN 和 SPDY.

CDN和域名收敛的关系(不要紧)

若是你们使用过云平台(阿里云,腾讯云)的话，应该有所了解过上面的一些服务。 其中比较出名的应该算是CDN服务了.
使用CDN的时候，咱们每每也会使用到CNAME的设置。 那么问题来了:

CDN 和 domain sharding 到底有什么关系?

我相信，大部分童鞋，应该都有点懵逼.
in fact, 他们两个是彻底不同的东西。
CDN 全称是--Content Delivery Network. 现实意义就是，他其实就是一个 用来保存你静态文件的仓库(css,js,img等). 因此，他的出现一定是创建在拥有众多服务器的云平台上. 他的做用就是，托管你的文件，而且当某一个用户想要获得这份文件时，便会根据地理位置，找到离用户最近的一台服务器(确定须要通过DNS解析), 而后返回 你存储的静态文件. 因此，因为地理位置比较近的缘由，结果就是网速快, 网页打开的时间也就变短了.
而~ domain sharding 是什么呢？ 其实对比看来，就应该很容易知道, 首先DS(domain sharding) 所提供的服务器地址是不会改变的。 只是增长了 不一样的subdomain或者domain alias而已. 而这些在CDN 里面 通通均可以实现.

总结一下：

• DS: 为了突破浏览器对链接数的限制，而将资源放到不一样的domains 上的

• CDN: 就是将你的资源放到 全国 或者说 全世界各个地方的服务器上的.(固然，他自己也是利用DS的技术)

When should we use CDN?

因为CDN 比较贵，因此对于小范围 运营性的H5来讲，不使用CDN也没有太大的影响，反正用户都在那一块。 可是，若是你的web 比较大，并且涉及用户群体的范围比较广的话，相对性的使用CDN 也是有益无害的。不过，因为CDN 是按浏览计费的，因此你懂的。 这里安利一个Calculator根据你的流量来选择最佳的CDN. 因此说，你用不用CDN还得看你本身或者你leader的心情了. 另外更详述的区别能够见: CDN xx DS

那SPDY又是个什么东西呢？

SPDY指南

SPDY能够说是DS杀手. SPDY 的做用就是，在不增长域名的状况下，解除最大链接数的限制. 卧槽~ 怎么听起来就像一个 sliver bullet. 没错，能够说SPDY 就是 HTTP2的前身.
SPDY是google主导的一种新型通讯方式.主要的特色就是多路复用. 他的目的就是致力于取消max connections 上限. 不过因为推广时间短，全世界使用的网页数都比较少. 但，据chromium统计，使用了SPDY网页速率 差很少提高了28%~64%左右. 因此,说SPDY的出现，可让DS的存在变的毫无价值.
那SPDY具体的优点在哪里.

• 解决了HTTP只能 One request per connection. 当链接完成后，能够实现并行下载多个资源文件

• 服务器推的技术, 和SSE的理念相似，不过更靠底层。直接能够实现无需用户等待，直接后台发资源(感受就像写APP了，有木有)

• 请求头的复用. 当你前几回的请求头内容没多大变化的时候，就会省去几个相同的,实现Header Compression

• 数据压缩: 在HTTP1.1 有 Content-Encoding: gzip, Transfer-Encoding: chunked. 来显式代表开启文本压缩。但在SPDY里，全部的文本数据默认都会被压缩.
  SPDY目前的兼容性是IE11+.(因此说仍是任重而道远)

开启SPDY

那如何开启SPDY呢? 很简单，使用nginx的用户，能够下载一个ngx_http_spdy_module的模块. 使用apache的用户，能够下载一个mod_spdy module的模块.

最后说两句

其实，DS 和 domain of convergence (域名收敛), 一直都是前端世界的优化的重点。 不过，因为时代在进步，技术在革新。 感受DS 是颇有可能被淘汰的啊喂. 但，因为SB-IE占的全球份额过大,就目前来讲，这一天 还太遥远。 加油~

转载请注明做者和原文连接: http://www.javashuo.com/article/p-yqnzsthg-w.html