1、多使用記憶體、快取或者其他方法儲存
2、減少 cpu 計算、減少網路請求
1、怎麼讓頁面、靜態資源載入的更快
2、怎麼讓頁面上的一些操作變得更快
1、靜態資源的壓縮合併，預載入檔案
// 合併在一起2、靜態資源進行快取window.addeventlistener('domconetentloaded', function(), 1000)
})
通過鏈結名稱控制快取3、使用 cdn 讓資源載入更快// 瀏覽器第一訪問後會自動快取，第二次或以後訪問都會從快取中讀取
// 只有內容改變的時候，鏈結的名稱才會改變，瀏覽器又會重新請求拉取，繼續快取
4、使用 ssr 後端渲染，資料直接輸出到 html 中（如： angular，資料直接輸出到頁面上，不通過 ajax 網路請求）
1、css 放前面，js 放後面
// 第一次載入是全站通用的預覽圖，很小，會很快載入3、減少 dom 查詢，對 dom 查詢做快取，減少 dom 操作，多個操作盡量合併在一起執行（dom 操作是非常昂貴的，意思就是耗時、耗效能）
4、事件節流
var textarea = document.getelementbyid('text');
var timeoutid;
textarea.addeventlistener('keyup', function()
timeoutid = settimeout(function(), 1000)
})
5、盡早執行操作（如：domcontentloaded） 前端效能優化之 快取
一.http協議頭控制 cache control用於控制檔案在本地快取有效時長。最常見的，比如伺服器回包 cache control max age 600表示檔案在本地應該快取，且有效時長是600秒 從發出請求算起 在接下來600秒內，如果有請求這個資源，瀏覽器不會發出http請求，而是直接使用...
效能優化之Angular前端優化總結
1.動靜分離 專案裡面前端比較占用頻寬的一般都是載入靜態資源，請求後台介面一般占用頻寬都是1kb左右，但是在載入靜態資源往往會達到mb級別，占用大量頻寬，明現影響了業務，所以動靜分離是必須而且必要做的，angualr裡面也會有指令來指定載入靜態資源路徑從而動靜分離 ng build deployur...
前端效能優化
1.減少http請求次數 css sprites 在國內很多人叫css精靈，是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言，不高於200kb的單張的所需載入時間基本是...