性能优化篇

前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包优化 Vue和React优化 数据埋点及性能监控 网络优化 DNS预解析 link标签的rel属性设置d

测量工具 Chrome developer tools: lighthouse, performance PerformanceObserver API 重要指标 LCP 指视图中最大图像和文本块呈现

优化打包体积和速度 项目介绍 技术栈：vue-cli + vue2 + webpack4 主要插件：elementUI + echarts + axios 打包体积分析 vue 项目可以通过添加--r

前端压缩技术/工具 1. 使用压缩图片网站 Tinypng 2. 压缩插件压缩图片 browser-image-compression 压缩PNG格式插件。PNG格式的图片特点，高保真，支持透明度处理