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

1、加载

减少资源体积:压缩代码

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

使用更快的网络:CDN

2、渲染

文件放置位置:css放head中,js放body下

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

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

节流和防抖

3、浏览器缓存

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

4、CDN的使用

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

猜你喜欢

转载自blog.csdn.net/Bon_nenul/article/details/127310905
今日推荐