雖然在網頁的體積中占比最大的是圖片資源，但是調用和實現圖片的HTML和CSS同樣對頁面加載時間有很大的影響。
1 .添加link預加載標簽來實現預先加載
2 .html結構盡量的少，最好不超過6層
3 .如果有多個開發者或者設計師編輯過這個網站，那么清理冗余或者過期的html時必須毫不留情。
4 .避免過度的嵌套：盡可能的使用H5元素來創建語義化的結構，結合H5和css3，可以獲得更加穩定，輕量化的HTML結構
5 .語義化
6 .可訪問性：搜索引擎機器人，視障人士設計的讀屏器
7 .內容掃描，優化：實時掃描網頁元素，大圖片以及各類文件大小，數量趨勢，分批，分頻道精細優化。--還是很有其他的想法的。放到一個服務器上
8 .使用<link rel='preload'>我們可以手動強制設置資源的優先級，來確保所希望的資源優先加載，按時渲染。
9 .優化網絡字體：體積還不是最重要的問題，關鍵是當網絡字體在加載中或者加載失敗的時候，就會導致頁面空白，造成頁面無法訪問。字體選擇測評，字體格式選擇，建立字體加載策略。
10 .移除不必要的依賴：利用webpack-bundle-anglyzer可以很方便的識別重復代碼，最大性能瓶頸以及過時和不必要的包依賴。
11 .寫代碼的時候盡量減少http的請求次數
12 .減少dns的查詢次數，緩存dns
13 .不要跳轉鏈接，301和302響應都是不會被緩存的，而且產生一次額外的請求
14 .不要出現404錯誤，http請求都是
