1、從dom結構和標籤上來優化
·使用語義化的標籤，**清晰簡潔；
·減少dom節點，增加渲染速度；
·使用w3c標準書寫閉合小寫的標籤；
·給和table指定寬高，避免縮放；
·css在頭部位置，js在body底部位置；
2、從css樣式上來優化
·使用link載入樣式而不是@import（是css2提供的一種方式，不相容，只能載入css，而且頁面所有元件被載入完後才會被載入，完成前會導致『閃爍』，link屬於xhtml標籤，沒有相容問題）；
·避免使用css表示式；
·避免使用css filter濾鏡；
·使用css 縮寫 如#fff，減少**量；
·刪除重複的css，css簡化；
·使用css sprite把同類合成一張，減少http請求；
·減少css查詢層級，如.header .log 要好於.header .top .log；
·減少css查詢範圍，如header>div獲取直系子元素要好於heade div；
·避免tag標籤與class或id並存：如a.top、button#submit；
3、從js上來優化
·js盡量少用全域性變數；
·多個js變數宣告合併；
·不使用eval函式，不安全，效能消耗嚴重
·使用事件**繫結事件，如將事件繫結到body上進行**（利用冒泡原理將事件加到父級上，能夠給動態增加的元素進行資料繫結）；
·避免頻繁的操作dom節點，使用innerhtml代替
·減少物件查詢，如a.data.box1.name的查詢方式非常耗效能，盡可能的將它定義在變數裡；
·型別轉換，把數字轉字串使用var str=『』+1；浮點數轉成整形使用math.floor()或者math.round();
·js對字串進行迴圈操作，譬如替換、查詢應該使用正規表示式；
·刪除重複的js
·使用settimeout來避免頁面失去響應
·使用hash-table來優化查詢
4、其他方面進行優化
·盡量合併js和css，對js和css進行壓縮，可以縮短檔案傳輸時間；
·使用cdn加速
· 減少cookie的大小，使用無cookie的域，客戶端請求靜態檔案的時候，減少 cookie 的反覆傳輸對主網域名稱的影響；
·為檔案頭指定expirs,使內容具有快取性；
·減少dns查詢，權衡；
web前端效能優化
01 減少http請求 使用css sprite 合併js css02 使用cdn 當頁面中有很多資源的時候可以從不同伺服器中讀取 設定長的expires時間將直接減少http請求 如果資源設定了expires頭為將來的某個時間,下次訪問時候瀏覽器 發現資源還沒有過期,會直接從快取中讀取,不會再次產...
web前端效能優化
一 網路相關的一切，包括dns解析 http請求等等 二 web優化，就是前端頁面相關部分，也就是我們日常擼 能夠做到的一些 1 設定dns多級快取 瀏覽器快取，系統快取，路由器快取，ips伺服器快取，根網域名稱伺服器快取，頂級網域名稱伺服器快取，主網域名稱伺服器快取。2 dns負載均衡 dns重定...
前端web效能優化
使用cdn 進行dns預解析 每個請求都需建立連線消耗一定時間，請求數越多則網頁載入時長越長。我們可以將資源盡可能的合併從而減少請求 合併，使用sprites精靈圖 css 檔案合併 動態指令碼載入 defer html解析完成後才執行，按載入順序依次執行 async 載入完立即執行，和載入順序無關...