為什麼要做前端效能優化？
在構建web站點的過程中，任何乙個細節都有可能影響**的訪問速度，如果不了解前端效能優化的知識，很多不利於**的因素會累加，從而嚴重影響**的效能，導致**訪問速度變慢，使用者體驗低下，最終導致使用者流失。
前端效能優化的方式：
1.封裝元件
把所有需要復用的功能或網頁模板封裝成元件，在需要的時候呼叫它。
2.
壓縮的質量，或者使用打包工具來壓縮的質量，當過小時（小於12k）可以把它轉成base64（**，轉成base64的好處：減少http請求），或者使用 sprites（精靈圖）把網頁中需要用的到整合到一張中，減少http請求的次數。
3.壓縮html，js減小大小
4.懶載入(lazy load)
網頁不拖動時，未展示的欄目不去(載入)請求，良好的利用伺服器資源。
5.設定http快取
6.減少dom操作
dom操作是指令碼中最耗效能的乙個操作，例如：元素的增刪改或dom集合的進行的操作
7.將外部指令碼置底
不影響html的載入
8.減少作用域鏈查詢
9.不要使用全域性變數(能不用的情況下最好不用)
前端效能優化方法
一 減少http請求數 1.合併 當較多時候，可以合併為一張大圖，從而減少http請求數 2.合併壓縮css樣式表和js指令碼 3.去掉不必要的請求 無效的連線請求可以通過firebug等工具檢視 4.充分利用快取 客戶端側快取 二 優化 1.盡可能地使用png格式的，它相對來說體積較小 2.對於不...
php效能優化的幾個方法
找到瓶頸 finding the bottleneck 快取 caching 編譯 vs.解釋 compiling vs.interpreting content reduction 多執行緒與多程序 multithreading multiprocessing 字串 strings 正規表示式 r...
前端效能優化方法概括
減少 http 請求 了解http請求快取機制，合理利用快取 減少 dns 查詢 避免重定向 快取 ajax 請求 頁面中不會經常變化的資料可以存放到瀏覽器本地儲存中 延遲載入 預先載入 減少 dom 元素數量 劃分內容到不同網域名稱 儘量減少 iframe 使用 避免 404 錯誤 補充規則 定義...