css 頂部，js底部
js,css進行壓縮
cdn靜態檔案
快取合併，css sprite
盡量定高，避免高度改變導致重新渲染
img設定尺寸，防止高度變化
使用頁面模板，
使用font icon
使用css3, gradient+filter
css class復用，減少字元和統一性 .span1 .full-height
延遲初始化， 事件監聽
ajax 非同步載入部分資料
減少遍歷dom
減少事件繫結
盡量使用元素特性，form的submit和reset， placeholder
使用模組載入機制，js檔案的延遲載入
web前端優化
盡量避免使用eval函式 多了一步解析的步驟 function testnoeval var endtime new date console.log 耗時1 endtime starttime ms function testeval var endtime new date console.lo...
web前端優化
做為乙個好的優秀前端，不僅能夠寫出優雅的 也要更加關注於效能性的問題，但由於我們在專案過程中可能會考慮到一些成本性的問題，不可能讓我們的專案在效能方面面面俱到，但我們可以做到最為基本的做優化。我們可以從以下幾點進行優化 1.減少對伺服器方面的請求 我們使用外部檔案 css 和js css sprit...
web前端效能優化
01 減少http請求 使用css sprite 合併js css02 使用cdn 當頁面中有很多資源的時候可以從不同伺服器中讀取 設定長的expires時間將直接減少http請求 如果資源設定了expires頭為將來的某個時間,下次訪問時候瀏覽器 發現資源還沒有過期,會直接從快取中讀取,不會再次產...