一、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...