dns prefetch和瀏覽器解析過程

2021-10-09 21:00:24 字數 1086 閱讀 9856

dns-prefetch

>

charset

="utf-8"

>

rel=

"dns-prefetch"

href

="">

head

>

頁面一載入, 就立即把 href 裡指定的網域名稱做 dns 查詢然後快取起來, 等真正請求這些網域名稱下資源的時候, 就省去了 dns 查詢時間, 提高頁面載入速度

資源請求

瀏覽器 < ------ > 後端伺服器

請求的資源可以是 html, css, js 等通過 http 請求得來的任何內容,

發起請求時, 瀏覽器帶一堆資訊, 去後端伺服器上尋找資源.

該請求包含兩部分, 乙個是 request header 請求頭, 裡面包含 cookie.

第二部分是請求攜帶的引數, get 請求一般在 url 裡, post 的請求引數會放到請求的 body,

當這些資訊到達伺服器以後, 伺服器根據這些過來的資訊, 找到匹配的資源, 返回給瀏覽器.

返回的資訊包含三部分, 乙個是 status狀態碼, 表示請求的結果是否成功. 乙個是 responseheader響應頭, 包含了文字長度, 快取時間, 壓縮方式等等. 第三部分是響應內容, 如果是, 返回的 body 裡是 資訊, 如果介面的話 body 裡就是 json 字串.

瀏覽器解析過程

最先載入的一般是 html 檔案, 在載入 html 的同時, 構建 dom 樹, 遇到乙個節點就放到樹里, 如果載入 html 的時候遇到 js 檔案, 就先暫停構建 dom 樹, 先讓 js 載入和執行, 等它的事結束了其他的再走. 構建 dom 樹的過程中遇到 style 標籤不造成阻塞. dom 樹的構建和樣式的載入會並行. dom 樹構建好後開始構建渲染樹, 渲染樹是 dom 樹和 css 樣式表結合的產物, 不同瀏覽器的渲染樹構造機制不同 , 然後根據每個元素大小和位置構建出布局. 最後一步就是呼叫瀏覽器負責顯示的部分將元素按照對應的樣式和位置繪製在螢幕上.

瀏覽器和瀏覽器驅動對應版本

selenium是thoughtworks公司開發的一款開源的測試工具,主要用來做web端的自動化測試。python安裝selenium,直接使用執行pip install selenium python 命令安裝即可,預設安裝的是最新的,也就是selenium的3.x版本,以前selenium2....

瀏覽器 瀏覽器高效搜尋

一 常見場景 以場景的形式來說明 1 場景1 網路上查詢一本書的 指定文件型別 如pdf 如 搜尋關鍵字 c primer plus 的 pdf 版本 輸入 格式 關鍵字 空格 filetype pdf 例項 c primer plus中文版 filetype pdf關鍵字 filetype 2 場...

常見瀏覽器 瀏覽器核心

常見瀏覽器介紹 瀏覽器是網頁執行的平台,常用的瀏覽器有ie 火狐 firefox 谷歌 chrome safari和opera等。我們平時稱為五大瀏覽器。瀏覽器核心 理解 瀏覽器核心又可以分成兩部分 渲染引擎 layout engineer 或者 rendering engine 和 js 引擎。渲...