我们访问一个页面的时候都做了什么

我们访问一个页面的时候都做了什么

DNS寻址以及IP解析

webserver背后做的事

前端页面渲染流程

浏览器的JS引擎

WebPageTest分析网站的网络性能

yahoo军规,通用不一定适合我们

技术优化出发点--前端

技术优化出发点--后端

我们访问一个页面的时候都做了什么

 

技术优化出发点--加载方式

        加载方式:同步加载、异步加载、按需加载(网络层和文件顺序的调整都密切相关)

同步加载:在所有资源都加载完毕之后,一起展示给用户。

异步加载:加载一部分就展示给用户,不会阻塞。例如:加载60条数据,根据浏览器并行下载数量或同步请求数,一起下载7个,下载完在下载其他文件,直到60条下载完毕。

我们访问一个页面的时候都做了什么

 同步加载的应用场景:用户信息类的功能性接口写2个,一个是通过模板的方式吐出来,吐到页面,我只要引入这个模块之后;另一个是再写一个异步接口。这样如果喜欢同步的方式用直接在模板变量里读取,这种方式抓包是抓不到的。但是是不会更新的,只有在刷新的时候才会更新,比如改个用户名需要在页面立马更新这就需要异步的请求。第二种方式更灵活。