-
减少 HTTP 请求
-
静态资源使用 CDN
图片精灵
大图片，放到云服务器oss存储上，使用 url 访问。小图片使用 base64 访问
-
压缩文件
压缩文件可以减少文件下载时间
在 webpack 可以使用如下插件进行压缩：
-
js：uglify-plugin
-
css ：mini-css-extract-plugin
-
html：html-webpack-plugin
-
gzip：compression-webpack-plugin
-
代码拆分
webpack 使用 optimization.splitChunks
vite 使用 rollupOptions.output.manualChunks
-
组件按需引入
-
路由懒加载
react：Suspenes组件和lazyapi；@loadable/component包
webpack：import 和 require（动态加载模块）
vite：import.meta.glob
