JS 性能优化

事件委托

事件委托利用了事件冒泡原理，只指定一个事件处理程序，就可以管理某一类型的所有事件。所有用到按钮的事件都适合采用事件委托，可以节省内存。

<ul>
   <li>🍎</li>
   <li>🌰</li>
   <li>🍌</li>
</ul>

document.querySelector('ul').onclick = (event) =>{
   const target = event.target
   if(target.nodeName === 'LI'){
      console.log(target.innerHTML)
   }
}

减少HTTP请求

将多个小文件合并为一个大文件，从而减少HTTP请求次数

使用HTTP2

优点

• 多路复用 在HTTP2上，多个请求可以共用一个TCP连接，通一个请求和响应用一个流来表示，并有唯一的流ID来标识。多个请求和响应在TCP连接中可以乱序发送，到达目的地后再通过流ID重新组建。

静态资源使用CDN

浏览器缓存