最近一直給問到這個問題，也引發我的思考。在此也做下總結。
首先，想要提高網頁頁面載入速度，要了解網頁載入是什麼樣乙個原理。這就有乙個很經典的問題《當你在瀏覽器位址列輸入乙個url後回車，將會發生的事情？》。
簡單總結一下這個過程，首先你輸入乙個url位址，瀏覽器會去查詢相應的ip位址，利用的是dns。之後就是http請求過程，即客戶端給伺服器發出乙個http請求，伺服器響應乙個301永久重定向，然後瀏覽器跟蹤重定向位址。接著伺服器進行處理，處理完畢返回乙個html響應，瀏覽器就開始顯示html了。渲染期間會繼續請求伺服器使得相應的元素能正常渲染，比如獲取嵌入到html的css等。在web2.0後，有會有ajax請求。總之就是瀏覽器請求伺服器，伺服器應答，瀏覽器再作答這麼乙個簡單的過程。
這裡大家就能體會到了，頁面載入會有請求發生，所以優化的方案也圍繞這個展開。因此，我總結以下幾個方案：
1. 減少請求
優化**，減少不必要的請求，空的src。
2. 處理
網頁中肯定有的存在。的大小需要考慮，的格式也是jpg和gif已經不再適應了，盡量使用png格式。
3. js指令碼處理
這裡有很多種優化。第一，合併js檔案，優點一是大大減少js檔案的大小，二是能減少http請求；第二，按需載入指令碼，延遲載入指令碼。按照一定的需要再去載入指令碼。第三，js指令碼後置，css樣式前置，這樣的優點是網頁在瀏覽的時候可以先瀏覽到一部分內容，然後同時再慢慢渲染後面的內容。第四，利用壓縮工具，如gzip有很多不錯的壓縮演算法，可以對指令碼進行優化。
4. css檔案處理
既然js可以優化，那麼css也是同樣。第一，類似的可以進行檔案合併。第二，有乙個css精靈的工具，可以對影象進行對映處理，其優化的根本也是減少請求。另外，使用外部檔案代替內聯定義來適應瀏覽器的快取機制。
5. 刪除一些不必要的元素，減少dom
dom太多元加大頁面載入和指令碼執行的效率，簡單乙個例子，如果有很多li，那麼一次getelementbyid(「li」),就需要遍歷很多node
6. 利用快取cache-control
快取需要考慮的因素就多了，快取多久，使用哪種方式。設定乙個合理的過期時間，這樣也會減少響應時間。
7. 減少cookie大小
cookie很重要，但cookie的使用也有很多細節要處理，對cookie進行檢查，設定expire。
8. 乙個高深的東西：利用cdn
cdn:content distribution network.主要原理是，使用者會請求最近的伺服器節點，因此可以利用其原理，將靜態內容放置在較近的節點上，提高請求速度。
9. ajax**好
ajax的優點大家都清楚，也是ajax，js發展得越來越好。利用ajax非同步請求，可以避免使用者花費時間等待頁面重新整理元素。
10. 還是要優化**結構，優化布局
盡量避免使用table，堅持簡約原則，不要增加無用元素增加負擔。
大致總結如上，如果將來有更深入的了解會繼續更新。
參考：25種提高網頁載入速度的方法和技巧
如何提高網頁載入速度
網頁的載入速度是評估 質量乙個重要指標。原因在於大多數使用者能夠容忍的網頁載入時間只有幾秒，如果超出了訪客的忍受範圍他們會毫不留情地關掉你的網 頁，所以網頁載入速度會極大地影響 的流量和訪問。以下總結了幾種可以明顯提高 載入速度的初步簡單技巧方式，如果你的 存在載入速度慢的問題不妨 與此為參考對網頁...
提高網頁載入速度
1.頁面資料呼叫 資料庫查詢 方面原因，程式儘量減少訪問資料庫次數.2.頁面引用過多，會影響頁面載入速度。3.js呼叫，影響頁面載入速度。4.檔案大小沒有控制好，頁面載入 flash過多而又沒有控制其大小。具體可採用js來改變載入項的順序，在保證頁面能夠正常瀏覽之後再載入廣告 次要等資訊。5.伺服器...
如何提高移動端網頁載入速度？
nick babich 早在2016年的時候，移動端流量就已經超越桌面端成為目前主流。根據google uk 的研究，如今65 的英國成年人都以智慧型手機作為他們的主要上網裝置。在如今的移動端產品當中，載入緩慢，登入艱難，流程複雜是常見的問題，今天的文章將會為你提供一系列 提速 的技巧。隨著技術的發...