js 優化原則：需要時才優化，要考慮可維護性
1 提公升 js 檔案載入效能
將 css 檔案放在 head 裡，將 js 檔案放在 body 裡
2 js 變數和函式優化
盡量使用 id 選擇器
盡量避免使用 eval
js 函式盡可能保持簡潔
使用事件節流函式
使用事件委託
3 js 動畫優化
避免新增大量 js 動畫
盡量使用 css3 動畫
盡量使用 canvas 動畫
合適使用 requestanimationframe 代替定時器，raf 可以在正確時間渲染，定時器無法保證**執行時機
動畫和繫結的事件分開，避免耦合
4 合理使用快取
合理快取 dom 物件
快取列表長度
使用可快取的 ajax
前端效能優化 資源優化
資源優化方向壓縮和合併，目的是減少http請求數量 減少請求資源大小。css js檔案合併原則 1 若干小檔案可以嘗試合併 2 無衝突，服務相同模組 3 不是為了優化合併而合併，按需合併，讓使用者更早看到和使用功能為主。1 選擇合適格式的，了解jpg png svg webp gif等格式的特點，j...
前端優化（靜態資源）
expires 我現在給部落格裡所有的靜態資源設定了35天的快取過期時間，設定後感覺頁面的載入速度的確快了，我伺服器前端使用的是nginx，nginx設定資源檔案的expires挺簡單的 expire引數接受的值可以是 expires 1 january,1970,00 00 01 gmt 設定到具...
前端效能優化 載入頁面和靜態資源
前端效能優化主要從兩個方面進行 1.載入頁面和靜態資源 2.頁面渲染 載入頁面和靜態資源主要可以從三個角度進行 靜態資源的合併 壓縮 靜態資源快取 css img 使用cdn讓靜態資源載入更快 我們乙個乙個仔細展開說。靜態資源的合併和壓縮能夠減少http請求的數量和請求資源的大小。可以使用webpa...