html渲染順序和優化

2021-08-01 03:01:37 字數 761 閱讀 5216

部落格已經遷移到

html渲染順序:

(4)js,css如果有重定義,後定義函式覆蓋前定義函式

js載入:

(2)所以,js可以非同步載入,也可以寫在html文件的最下面。

加快html頁面載入速度:

1.頁面**:

a.刪除不必要的注釋和空格

b.將inline(內嵌:寫在html內)css,js外鏈的形式匯入

c.html tidy工具檢查html

2.減少檔案數量

a.減少頁面上引用的檔案數量減少http連線數

b.js、css檔案能合併就合併

3.減少網域名稱查詢:dns查詢和解析網域名稱也需要消耗時間,減少對外部js、css、資源的引用,不同網域名稱使用越少越好

4.快取重用的資料

6.減少inline---js的數量

7.使用合法的css標籤

8.不要使用巢狀table

瀏覽器詳細載入解析html:

1.使用者輸入**傳送請求

2.瀏覽器開始載入html**,發現標籤有乙個標籤引用外部css檔案

3.瀏覽器發出載入該css檔案的請求,伺服器返回這個css

5.瀏覽器在**中發現乙個

6.伺服器返回,由於占用一定面積,影響後面段落的排布,因此瀏覽器需要回頭重新渲染這部分**

7.瀏覽器發現乙個包含一行js**的

html頁面渲染的原理和優化

乙個html網頁載入的大概過程 1.使用者輸入 假定是第一次訪問 瀏覽器向伺服器發出請求,伺服器返回html檔案 2.瀏覽器開始載入html 發現head標籤內有乙個link標籤引用外部css檔案,那麼瀏覽器發出css檔案的請求,等待伺服器返回css檔案 3.瀏覽器繼續載入裡面的 並且css 已經拿...

渲染順序overdraw和alphatest有感

最近又重新看了看渲染順序 overdraw,適當的調節渲染對列可能會對效能優化有好處。比如我們的地形渲染比較費,我選擇了更改的渲染佇列最後畫地形,這樣就擋住了不少畫素填充率,然後gpu內部會執行early z技術,在頂點著色器與片段著色器之間提前進行深度測試,這樣就會少執行不少片段著色器,進而達到優...

UGUI渲染順序

1,當有多個canvas並且渲染模式都為overlay。這種情況下,渲染順序是由canvas元件下的sort order決定的,值越大的越後渲染。2,當有多個canvas並且渲染模式都為camera。這種情況下,渲染順序首先由rendener camera的depth值決定,值越大越後渲染。如果de...