瀏覽器從輸入url到顯示頁面的過程

瀏覽器從輸入url到顯示頁面的過程包含以下內(nèi)容:
  1. DNS解析:當(dāng)用戶在瀏覽器地址欄輸入U(xiǎn)RL并按下回車鍵時(shí)雕欺,瀏覽器首先會(huì)查找自身緩存的DNS記錄棘捣。如果找不到或記錄已過期抛杨,瀏覽器會(huì)搜索操作系統(tǒng)的DNS緩存耘眨。如果仍然找不到像云,瀏覽器會(huì)向DNS服務(wù)器發(fā)送解析請(qǐng)求剂癌,獲取域名的IP地址淤翔。

  2. 建立TCP連接:瀏覽器根據(jù)獲得的IP地址建立TCP連接。這個(gè)過程包括三次握手佩谷,以確保連接的可靠性旁壮。

  3. 發(fā)送HTTP請(qǐng)求:瀏覽器向服務(wù)器發(fā)送HTTP請(qǐng)求监嗜,請(qǐng)求服務(wù)器返回網(wǎng)頁內(nèi)容。服務(wù)器可能返回一個(gè)301永久重定向響應(yīng)抡谐,瀏覽器會(huì)跟蹤這個(gè)重定向地址裁奇。

  4. 服務(wù)器處理請(qǐng)求:服務(wù)器接收到請(qǐng)求后進(jìn)行處理,并返回一個(gè)HTML文檔作為響應(yīng)麦撵。

  5. 瀏覽器渲染頁面:瀏覽器接收到HTML文檔后刽肠,開始構(gòu)建DOM樹(Document Object Model),這是網(wǎng)頁的基本結(jié)構(gòu)免胃。同時(shí)音五,瀏覽器還會(huì)構(gòu)建CSSOM樹(CSS Object Model),這是網(wǎng)頁的樣式信息杜秸。

  6. DOM樹和CSSOM樹:瀏覽器將DOM樹和CSSOM樹結(jié)合放仗,生成渲染樹(Render Tree)。這個(gè)過程被稱為attachment撬碟。

  7. 生成布局和繪制頁面:瀏覽器根據(jù)渲染樹生成頁面的布局诞挨,并在屏幕上繪制出最終的頁面內(nèi)容。

影響頁面加載速度的因素包括:
  • DNS查詢時(shí)間:DNS查詢的時(shí)間會(huì)影響頁面的加載速度呢蛤,尤其是在DNS緩存失效時(shí)惶傻。
  • 網(wǎng)絡(luò)延遲:網(wǎng)絡(luò)延遲會(huì)影響TCP連接的建立和數(shù)據(jù)的傳輸速度。
  • 服務(wù)器響應(yīng)時(shí)間:服務(wù)器的處理速度和響應(yīng)時(shí)間也會(huì)影響頁面的加載速度其障。
  • 資源加載時(shí)間:網(wǎng)頁中嵌入的CSS银室、JavaScript、圖片等資源需要額外的時(shí)間來加載励翼。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末蜈敢,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子汽抚,更是在濱河造成了極大的恐慌抓狭,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,185評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件造烁,死亡現(xiàn)場(chǎng)離奇詭異否过,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)惭蟋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門苗桂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人告组,你說我怎么就攤上這事煤伟。” “怎么了?”我有些...
    開封第一講書人閱讀 163,524評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵持偏,是天一觀的道長(zhǎng)驼卖。 經(jīng)常有香客問我氨肌,道長(zhǎng)鸿秆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,339評(píng)論 1 293
  • 正文 為了忘掉前任怎囚,我火速辦了婚禮卿叽,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘恳守。我一直安慰自己考婴,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評(píng)論 6 391
  • 文/花漫 我一把揭開白布催烘。 她就那樣靜靜地躺著沥阱,像睡著了一般。 火紅的嫁衣襯著肌膚如雪伊群。 梳的紋絲不亂的頭發(fā)上考杉,一...
    開封第一講書人閱讀 51,287評(píng)論 1 301
  • 那天,我揣著相機(jī)與錄音舰始,去河邊找鬼崇棠。 笑死,一個(gè)胖子當(dāng)著我的面吹牛丸卷,可吹牛的內(nèi)容都是我干的枕稀。 我是一名探鬼主播,決...
    沈念sama閱讀 40,130評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼谜嫉,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼萎坷!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起沐兰,我...
    開封第一講書人閱讀 38,985評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤哆档,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后僧鲁,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體虐呻,經(jīng)...
    沈念sama閱讀 45,420評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評(píng)論 3 334
  • 正文 我和宋清朗相戀三年寞秃,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了斟叼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,779評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡春寿,死狀恐怖朗涩,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情绑改,我是刑警寧澤谢床,帶...
    沈念sama閱讀 35,477評(píng)論 5 345
  • 正文 年R本政府宣布兄一,位于F島的核電站,受9級(jí)特大地震影響识腿,放射性物質(zhì)發(fā)生泄漏出革。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評(píng)論 3 328
  • 文/蒙蒙 一渡讼、第九天 我趴在偏房一處隱蔽的房頂上張望骂束。 院中可真熱鬧,春花似錦成箫、人聲如沸展箱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽混驰。三九已至,卻和暖如春皂贩,著一層夾襖步出監(jiān)牢的瞬間栖榨,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工先紫, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留治泥,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,876評(píng)論 2 370
  • 正文 我出身青樓遮精,卻偏偏與公主長(zhǎng)得像居夹,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子本冲,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容