文章目录前言一、白屏时间过长分析二、针对性优化针对animate.css针对mint-ui的优化针对图片的优化三、webpack打包优化与分析webpack-bundle-analyzer打包分析打包优化四、优化后线上测试速度提升五、优化总结 前言 最近在做项目时,测试提出了在App端的H5项目入口加载时间过长,白屏等待过久,需要优化的问题,于是着手开始分析: 项目技术栈:基于Vue全家桶做的一个移动端类似WebApp的项目,使用到的第三方库有:mint-ui, echarts,momentjs。 项目痛点:白屏时间过长 一、白屏时间过长分析 通过访问线上环境,结合Chrome devtool