web效能優化對於任何大型專案都是必不可少的一環，那麼如何做好web端的效能優化，從哪些方面入手？這些問題猛地提出來會讓很多人有無從下手的感覺，那麼接下來，我結合一些前輩發表的文章並總結下個人的效能優化經驗，系統性的總結從哪些方面入手。
首先提出乙個問題：瀏覽器的乙個請求從傳送到返回都經歷了什麼？
乙個簡單的流程：請求過程中的一些潛在的效能優化點
從上面列舉的流程可以看到，深入理解http 請求的過程 是前端效能優化的核心
以上作為web效能優化的開篇文章，接下來會繼續對瀏覽器端的效能優化講解。
高效能web優化（一）
資料在網路上傳輸的時間分成兩部分，一部分是使用者請求的資料報到達伺服器的時間，另一部分是伺服器的回應資料經由網路傳送給客戶端的時間，這兩部分的時間稱為響應時間。響應時間的大小取決於頻寬和資料量的大小。響應時間的其中大部分時間消耗在伺服器端，我們用吞吐率來衡量這部分時間，即每秒處理請求數。吞吐率影響因...
Web效能優化
我們先來看乙個瀑布圖來確定乙個頁面效能問題是由哪些項造成的。chorome 自帶開發人員工具 圖中每一行表示乙個 請求，每乙個請求都有一條時間線，用於標識這個請求所花費的時間。如果將滑鼠放到某一條時間線上，可以看到以下資訊 1 首先看一下哪個請求花費的時間比較長，看看這個請求的時間線資訊，確定是伺服...
web效能優化
可以用gulp的gulp uglify gulp minify css模組完成 還可以用webpack的uglifyjsplugin壓縮外掛程式完成。通過css sprites將多個整合到乙個中，在用css來定位。伺服器在處理大流量的資料是十分困難的，這最終導致頁面載入速度變慢。cdn是位於全球不同...