html頁面優化

2021-07-10 14:54:49 字數 996 閱讀 3847

一、html頁面優化

1.css檔案放在head,js檔案放在html尾部(的前面即可)

2.儘量減少標籤,不多用乙個標籤

比如:clear清除浮動用:after

3.減少dns查詢

每引用乙個來自外部的檔案,就會有乙個dns查詢,一般對首次訪問**的速度會有影響。

4.避免出現空的src,如 src=""

5.減少http請求 

比如:(1)使用css sprite技術(css精靈)

(2)css和js**,能盡量合併就合併。(外部鏈結)

6.js的延遲載入,非同步載入,使用defer標籤 、 async="true"

二、**優化

1.專案最後使用壓縮工具壓縮css,js

因為這樣,可以減少頁面的體積加快開啟速度。

2.css的class不要太長,要有清楚的層級關係

3.js操作樣式時使用class,html裡不使用內聯css和js**

三、js優化

1.字串的拼接:使用 += 是較低效的,可使用陣列的 join() 方法

2.使用迴圈時尤其不要使用 for(in),while比for的效率要高一點。(迴圈次數很大的時候)

3.區域性變數的訪問速度比全域性變數更快,而且要盡量避免全域性變數

4.對dom元素的每一次操作代價都比較高,所以盡量少得操作。

比如:for迴圈中有對字串的拼接,然後使用innerhtml操作,就應該把innerhtml放在for迴圈外面。

5.對某個dom節點進行操作時,將這個dom節點存在乙個區域性變數中。

6.關於字串遍歷,優先使用正規表示式

7.使用直接量  var a = 比var a = new array()快

8.建立dom節點 最好不要直接寫字串,而應該呼叫createlement()方法

四、伺服器方面優化

1.提高自己伺服器質量,頻寬等方面

2.開啟瀏覽器快取,減少http請求

3.開啟gzip壓縮

html頁面渲染的原理和優化

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

SEO優化之 html頁面相關總結

麵包屑導航的來歷 很久很久以前,在大森林的邊上住著乙個貧窮的樵夫,他與妻子和兩個孩子相依為命。他的兒子名叫漢賽爾,女兒名叫格萊特。後來樵夫的妻子去世了,他又給孩子們娶了乙個後母。後母計畫把兩個孩子帶到森林的深處,然後趁他們睡著的時候跑掉。漢賽 爾無意中知道了後母的計畫,於是偷偷地把一塊麵包藏在了口袋...

aspx頁面引用html頁面

1。include file 包含檔案的相對路徑,include virtual包含檔案的虛擬路徑。2。在同乙個虛擬目錄內,和效果是相同的,但假設虛擬目錄名為myweb,則也可以通過除錯,但我們知道是絕對要報錯的。3。如果乙個站點下有2個虛擬目錄myweb1和myweb2,myweb1下有檔案fil...