? ? 前端包括HTML、CSS、 Javascript、Image 、Flash等各種各樣的資源。前端優化是復雜的，針對方方面面的資源都有不同的方式。那么，前端優化的目的是什么?用戶角度而言，優化能夠讓頁面加載得更快、對用戶的操作響應得更及時，能夠給用戶提供更為友好的體驗；從服務商角度而言，優化能夠減少頁面請求數、或者減小請求所占帶寬，能夠節省可觀的資源。

? ? web前端網頁優化工作

? ? 一、減少http請求。減少HTTP請求數的主要途徑包括：

? ? (1). 從設計實現層面簡化頁面，如果你的頁面像百度首頁一樣簡單，那么接下來的規則基本上都用不著了。保持頁面簡潔、減少資源的使用時最直接的。如果不是這樣，你的頁面需要華麗的皮膚，則繼續閱讀下面的內容；

? ? (2). 合理設置 HTTP緩存，緩存的力量是強大的，恰當的緩存設置可以大大的減少HTTP請求。

? ? 二、優化代碼

? ? 讓代碼變得簡潔高效。代碼越多，頁面文件就越大，這樣不利于提高頁面的加載速度。所以在精簡代碼，減少不必要標簽的同時也要善于合理利用標簽。

? ? 三、js層面優化

? ? 盡量減少DOM操作，DOM操作盡量做到批量更新，減少頁面回流和重繪；

? ? 避免內存泄漏，及時清理已經沒用的定時器、掛載的事件和其他引用；

? ? 合理使用事件委托，避免給大量子元素添加相同事件。

? ? 四、CSS優化

? ? .CSS放在head里：使其盡早下載，因為chrome需要下載完所有的css后才渲染頁面；

? ? .避免選擇器層級太多，提高解析匹配速度；

? ? .對于css中可繼承的屬性，如font-size，盡量使用繼承，少一點設置。