场景某天做的活动页，安卓用户吐槽页面加载缓慢，lighthouse工具马上走一波，得到的性能评分如下：看到下面Opportunity的那部分检测信息，发现原来是由于gif体积大的缘故拖慢了页面的加载速度，lighthouse给出的建议是将gif转换为webm（视频格式的文件，官方详细建议可以参考这里：gif官方优化建议）这里官方优化建议会推荐使用FFmpeg工具进行gif文件转换，但是文档有些复杂

1 基本操作介绍1.1 入口打开最新版本Google Chrome，F12一下弹出开发者页面，在顶部的导航栏选项选择Lighthouse选项（旧版本的浏览器是需要从应用商店下载Lighthouse插件的）1.2 首页基本信息从该页的英文字面意思可以知道，主要是生成一份性能检测报告（PS：奈何本人英语见识短，而且开发者模式并没有中文版的，遇到不懂的只能谷歌翻译下）2 生成报告分析这里以公司官网为例，

安装插件cnpm i vue-skeleton-webpack-pluginvue.config.js配置添加以下代码// 骨架屏const SkeletonWebpackPlugin = require("vue-skeleton-webpack-plugin");module.exports = {configureWebpack: (config) => {const plugins

android 5.1 App内打开vue H5页面为空白原因解决方法心得原因低版本的安卓系统浏览器不支持axios，所以打开空白解决方法1、安装 es6-promise 依赖cnpm i es6-promise2、在封装axios的文件中使用该依赖的polyfill()方法（原理应该就是将axios转成低版本可以识别的请求方法）require("es6-promise").polyfill();