FCP

首次有意义内容绘制，非空白的节点，一般是loading

FMP

首次有效内容绘制，比方说页面加载出来，它的背景图还没加载出来，但是已经可以交互了，此时被称为FMP。 First Meaning Paint;

LCP

最大内容绘制，当所有的内容包括图片也已经加载出来，此时被称为LCP；

LCP、FMP

由于主要内容这个概念的难定义，也并不准确，所以在Lighthouse 6.0中，FMP指标已被弃用。因此才引入LCP的概念。

性能优化

图片

接口

ssr

端适配

webpack配置

js uglifyJS
css css-loader?minimize
    cssnano 可以理解css的含义，把padding四个值 转化为 两个值 
html 压缩
    html-webpack-plugin
图片压缩
    image-webpack-loader
    
 懒加载 import 按需加载
第三方模块
    react 会打包成两个入口，一套是CommonJS规范的模块化代码，react.js
    一套是没有采用模块化的代码react.min.js 用于线上环境，被最小化了。 可以通过配置alias 让webpack在处理react库时，直接使用react.min.js 从而跳过耗时的递归解析操作。
    
module.noParse 对于没有采用CommonJS模块化，通过配置 胡咧对其递归解析处理