性能优化

如何评价性能？

• lighthouse 的评分维度
• 前端埋点的ab实验，同时上线体验优化前后的页面，对比跳出率、页面留存时长、核心流程转化率

项目性能优化

• domContentLoadedEventEnd DOM Ready时间

• first-screen-time 首屏时间

• loadEventStart 页面加载完成时间

常见页面加载性能优化方法

• 从构建产物中去除未使用的 css和js资源

• 非阻塞性引入css资源

• 合理拆分js文件，防止单个js文件过大

• 优先加载当前页面所需的关键 JavaScript 资源

• 合理配置缓存策略

• 首屏外的内容使用异步加载

• 页面运行性能的性能优化方法

• 图片懒加载

• 合并上报请求，减少请求阻塞

• 通过工具检查内存占用过高的场景，优化代码中的内存泄漏问题

页面运行性能优化

• 图片懒加载

• 合并上报请求，减少请求阻塞

• 通过工具检查内存占用过高的场景，优化代码中的内存泄漏问题