1.客户端浏览器从上到下加载html文件并解析DOM树
2.当遇到一个css文件时,css中的url发起一个(第二个)http请求
3.TCP连接不关闭,可以重复使用,直接处理HTTP请求
4.http连接是无状态的,客户端和服务应该重新发起请求和响应
5.在请求css的过程中,解析器不断解析网址,直到它满足
6 .脚本可能改变DOM树的结构,解析器停止生成DOM树,被js阻塞,等待js发起(第三次)http请求,然后加载它
7.由于css文件可能会影响JS文件的执行结果,所以在执行之前必须等待css文件被加载
8.DOM树和CSSOM编号结合形成渲染树
9.渲染树将被css阻止。生成后,首先布局并绘制节点属性(如位置、宽度等)。)的渲染树,然后渲染页面以呈现信息
10.继续向下渲染,另一个js文件,改变DOM树,从改变后的DOM渲染树
11.继续向下渲染。当您遇到它时,浏览器启动一个http请求,并继续向下呈现,而不等待img加载(然后稍后继续呈现这一部分)
12.在domtree相遇之后,解析停止,渲染结束
将服务域名的IP信息添加到本地主机文件中
图片:使用精灵
对于html、css、js:分别进行合并操作
压缩图片
使用压缩应用程序压缩文档中的空格
删除多余的语句和注释
创建自己的JS瘦库和瘦框架
使用本地浏览器缓存
Css链接放在html标题中
Js链接放在正文的末尾
xxxxbxxx上一篇:每推推好吗(推推3)
下一篇:厨房整体效果(什么是优化)
有话要说...