【JavaScript】常见的性能优化方法

1、加载

减少资源体积：压缩代码

控制并发请求：减少访问次数：合并代码，SSR服务端渲染

使用更快的网络：CDN

2、渲染

文件放置位置：css放head中，js放body下

懒加载：组件/路由的懒加载

缓存：对DOM查询进行缓存、频繁DOM操作，合并到一起插入DOM结构

节流和防抖

3、浏览器缓存

为了提高用户加载页面的速度，对静态资源进行缓存是非常必要的，根据是否需要重新向服务器发起请求来分类，将HTTP缓存规则分为两大类(强制缓存，对比缓存)

4、CDN的使用

浏览器从服务器上下载CSS、js和图片等文件时都要和服务器连接，而大部分服务器的带宽有限，如果超过限制，网页就半天反应不过来。而CDN可以通过不同的域名来加载文件，从而使下载文件的并发连接数大大增加，且CDN具有更好的可用性，更低的网络延迟和丢包率