javascript - 一个有一个css文件一个js文件的html页面被访问时chrome会建立几个TCP连接？发起几次htttp请求？

Question

如题所示。
另外，使用ajax获取数据的效果和网页预先加载的时候加载的效果相同吗？即建立的TCP连接和http请求相同吗？
如果每次都要进行握手是不是会很耗费资源？那是不是在发布的时候把所有元素放进同一个页面里会更好？

Answer 1

问题1：ajax和预加载对资源的加载顺序不同，但都会产生等同资源数量的HTTP请求。前者可以先看到页面主体再显示局部信息，后者是全部加载后一次性呈现。应用的场景也不同。

问题2：如果HTTP请求头和响应头都设置Connection:keep-alive时，多个HTTP请求会共用一个TCP连接。随便找了篇文章：HTTP协议头部与Keep-Alive模式详解

问题3：参照问题2

问题4：前端的优化方向就包括了减少HTTP请求数，于是有了CSS sprite 和Data URL等优化方案。 不过也增加了资源维护更新的复杂度。

Answer 2

页面中每一个资源, 任意资源, 加载都需要发http请求.