作為一名前端開發，掌握一些前端效能優化是非常有必要的，下面我來列舉下我個人比較常用的方法。
1.減少http請求（佔前端效能優化的80%）。http請求是非常耗資源的，因為每次http請求都需要經過三次握手，這無疑是增加了許多的請求時間。
①方面a將專案中用到的小圖示合成一張精靈圖（雪碧圖）。如果可以，使用icofont，這些將會大大的減少乙個http請求。
b如果是稍微比較大的，我們可以將其轉成base64位，像vue框架的話，會使用url-loader將超過xxkb的轉成base64格式的
c對進行壓縮，由於ui設計的原圖可能會達到幾百kb甚至超過m，我們可以對進行乙個高保真的壓縮，像熊貓壓縮。
②合併**
合併**，主要是合併js，css。這塊我們利用工具，像webpack、gulp等，將專案中的js或者css打包成乙個或者根據大小合併成若干個檔案，並對其進行精簡（減少空格，引數用簡單字母替換等）。
2利用好http快取
不知你是否發現，有的**我們第一次進入會比較慢，但是第二次就會快很多，這就是利用了http的快取（強制快取cache-control、expire及協商快取etag、ast-modified）。
4.其他
這裡的其他主要是指**方面。比如採用按需載入、同步或者非同步的載入方式、懶載入、首屏採用骨架屏等等。
前端效能優化
1.減少http請求次數 css sprites 在國內很多人叫css精靈，是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言，不高於200kb的單張的所需載入時間基本是...
前端效能優化
在開發好頁面後，如何讓頁面更好更快的執行 從前端的角度來看，效能可以分為兩個方向 從使用者角度來看，乙個是頁面載入的很快，另乙個是頁面使用起來非常流暢 輸入了url 瀏覽器開始解析 查詢本地快取 dns解析 建立連線 伺服器處理 伺服器響應 客戶端收到響應 解析html 然後開始渲染頁面 使用者可以...
前端效能優化
隨著現在 越來越酷炫，各種，資源庫，動畫等等用的越來越多，在使用者視覺和功能的提公升的同時，效能也成為乙個必須考慮的點。有人說 乙個 開啟時間超過8s，網民就會流失70 以上。這種說法我覺得不是很正確的，除非是非常重要 必須要使用的 否則超過5s我基本直接關了，體驗太差。所以，使用者 忍讓 是有極限...