性能優(yōu)化有兩個(gè)方向

1. 優(yōu)化頁(yè)面渲染

2. 減小頁(yè)面體積，提升網(wǎng)絡(luò)加載

優(yōu)化頁(yè)面渲染

對(duì)于優(yōu)化頁(yè)面渲染可以進(jìn)行如下方案來(lái)進(jìn)行性能優(yōu)化

• 懶加載

• 減少dom操作

• 事件節(jié)流

  比如在textarea里面如果需要監(jiān)聽change事件，即keyup來(lái)監(jiān)聽事件

  可以通過(guò)加上settimeout來(lái)進(jìn)行事件節(jié)流 就是不要一直都是實(shí)時(shí)監(jiān)聽，可以隔一段時(shí)間監(jiān)聽下

  image

• 使用ssr后端渲染, 減少前端渲染時(shí)間，就是一次性輸出html內(nèi)容，不用頻繁調(diào)用ajax

• css放在前面， js放在后面

減小頁(yè)面體積，提升網(wǎng)絡(luò)加載

• 壓縮

• 使用靜態(tài)緩存

• 資源使用cdn加速