web性能优化

一、概念 requestIdleCallback 是一个Web API，它安排在浏览器的空闲期间运行 JavaScript 函数。 requestAnimationFrame: 这个API通常用于动画

今天对一个老项目进行性能优化，首先是安装可视化打包工具进行分析 发现被全部打包到一个文件里面，导致文件过大，加载白屏时间过长 对他进行代码分割之后的 文件体积不变，单个文件的就变小了 编写一个数组进行

1.安装docker本地服务器部署项目，若没有服务器可以尝试这个方式 windows直接下载nginx安装包也可以，进入cmd开启nginx，但是有时关闭不了需要重启电脑，就比较麻烦 所以使用dock

webpack默认的打包是production模式，并且只内置了production，development,2种模式，默认production打包会执行压缩； 网上很多多环境打包是直接配置 NODE

今天了解到js的策略模式，如果大量使用if ，else if代码的可读性很差，可以采用键值对的方式将其做成一个obj，return obj[value]

h5的字体文件加载过慢，由于是国外的服务器导致国内访问加载速度很慢，300多k的字体文件加载时间1.7s左右，严重影响加载速度，总体的加载速度是5s左右 然后把文件丢在腾讯云上面，然后开启全球加速，记

把前端的项目打包后放到服务器发现有一个文件4.2M，导致首次加载的速度很慢，开启gzip后变成1.2M 前端项目安装 vue.conf.js配置 babel.conf.js配置 然后执行npm run