從輸入URL到頁面渲染

一、輸入URL

歷史紀錄、書籤:補全URL

緩存(chrome):不用回車直接顯示頁面

二、DNS查詢(應用層)

遞歸:瀏覽器緩存——操作系統緩存(hosts文件)——(本地)ISP DNS服務器(運營商)——根域名服務器

迭代:頂級域名服務器(com)、(baidu.com)、找到(www.baidu.com)對應IP並返回給本地服務器

本地服務器返回給瀏覽器並保存在緩存

三、生成HTTP報文(應用層)

四、TCP三次握手(傳輸層)

作用:防止無效的報文發送到服務器(若某個網絡節點積壓報文後發送)

五、瀏覽器發送HTTP請求

六、服務器接收HTTP請求

    1.服務器重定向

        作用:增加引擎排名,如www.yy.com和yy.com看成不同的網站,此時將yy.com重定向成www.yy.com搜索引擎將其看成一個增加排名,但容易造成緩存友好性差(保存兩個網址)

        HTTP狀態碼:301、302

    2.瀏覽器重定向追蹤

        在返回的HTTP響應包頭的location中保存重定向網址,向新地址再次發起HTTP請求同上

七、瀏覽器接收資源

    1.加載(loader模塊)

        主資源:index.html

        派生資源:index.html中用到的資源

    2.解析(parse模塊)

        HTML:解碼、分詞、解析、建DOM樹

        CSS:cssRule

        JS:js解析引擎

    3.渲染

        DOM樹——render樹——point  / renderlayer+GPU

八、TCP四次揮手

       作用:防止服務器端有未發完的數據

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章