前端性能优化
-
结构优化
-
按需加载
-
将css放在头部,Js放在底部
css加载会阻塞js进程(css还是放在头部,不然会出现初始页面没有样式的情况) js加载会阻塞dom加载(js放在头部可能导致页面空白)
-
使用CDN
原理:服务器离用户越远时,延迟越高;所以用CDN(内容分发网络)一组分布在多个不同地理位置的 Web 服务器;当客户清请求的时候通过负载均衡(SLB),找到离用户最近的服务器。
-
-
减少http请求
-
缓存
请求头部指定Expires,设置内容缓存
-
使用精灵图 多个小文件放在一个大文件内,配合background-position
-
使用Http2,一个请求可以返回多个响应
-
-
减小请求文件大小
- webpack打包,gzip