网站优化性能的方法都是有哪些?今天华仔带着大家盘点下!
1现在前端主流框架都是单页面应用,因此对于首屏优化很重要,我们上线的代码一般都要经过压缩处理,这其中包括图片的压缩处理以及页面滚动懒加载,路由懒加载,对于数据的预加载,css压缩抽离,js的分包,静态资源使用cdn存储,页面缓存使用减少网络的频繁请求,后端在部署代码要进行gzip压缩,首屏如果请求时间比较长为了更好的使用体验可以做一个比较友好的loading交互等等。
A) 减少http请求数量
B) 资源合并和压缩
C) 将外部脚本置底
D) 懒加载 E) 将css放到head 中
F) 避免重复的资源请求
G) 代码优化 把CSS放头部,script放下方的原因 CSS放头部 在加载html生成DOM tree的时候,就可以同时对DOM tree进行渲染。 这样可以防止闪跳,白屏或者布局混乱。
javascript放在后面 javascript可能会改变DOM tree的结构,所以需要一个稳定的DOM tree。 javascript加载后会立即执行,同时会阻塞后面的资源加载。(javascript加载和执行的特点)
浏览器的优化 js、css(代码优化) 渲染优化(利用生命周期) webpack模块化优化