前端项目优化

tech2022-08-10  144

1 路由优化 路由懒加载

2 组件优化 react 使用id作为key值, 组件继承purecomponent,使用Fragment标签

3 webpack优化 (1)打包优化 配置SplitChunksPlugin(具体怎么配置?),compression-webpack-plugin(配置gizp但服务器也需做处理),配置css-loader,webpack- image-loader

(1)构建优化 配置parallel-webpack(具体怎么使用),配置有些插件开发环境不适用。

4 其他优化 配置ui组件按需加载,将静态文件放置到cdn上(静态文件指的是什么),

5 服务器上优化 配置缓存,配置gizp

6 webpack配置外部扩展防止包打进bundle里( https://www.webpackjs.com/configuration/externals/)

下面这个链接别人写的很好 Vue 项目性能优化 — 实践指南(网上最全 / 详细)

最新回复(0)