頁面優(yōu)化
關于頁面優(yōu)化問題益老，我總結了一下幾點闯参，希望能對大家有所幫助
1瞻鹏、內(nèi)容層面
- DNS解析優(yōu)化(DNS緩存，減少DNS查找鹿寨，keep-alive新博、適當?shù)弥鳈C域名)
- 避免重定向(/還是需要的) 使用ajax 當請求成功的時候，需要重定向到另一個頁面
- 切分到多個域名 頁面類：html脚草、htm等赫悄。js、css等圖片類：jpg馏慨，png埂淮，gif，動態(tài)類：php写隶、asp等
- 杜絕404 404錯誤頁面
2倔撞、網(wǎng)絡傳輸階段
-
減少傳輸過程中實體的大小
- 緩存 localstorage
- cookie優(yōu)化 以用戶的形式來緩存
- 文件壓縮(Accept-Encoding: g-zip)
-
減少請求的次數(shù)
- 文件適當?shù)暮喜?/li>
- 雪碧圖 背景精靈圖
異步加載(并發(fā)，requirejs)
預加載樟澜、延遲加載误窖、按需加載 懶加載
3、渲染階段
- js放底部秩贰、css放頂部
- 減少重繪和回流 重繪js的DOM操作添加樣式 回流改變js的樣式
- 合理使用VIewport 等meta頭部
- 減少DOM節(jié)點 減少DOM結構
- BigPipe 發(fā)一次請求霹俺，多次返回數(shù)據(jù)
4、腳本執(zhí)行階段
- 緩存節(jié)點毒费、盡量減少節(jié)點的查找 緩存全局變量為局部變量
- 減少節(jié)點的操作(innerHTML) 減少DOM操作
- 避免無所謂的循環(huán)丙唧，break、continue觅玻、return適當使用
- 事件委托
