方向一定级别的项目一定要接入监控告警。定位问题和优化方向都出自这里。包装和建筑的具体问题。建设首屏优化参考指标。这里有一些介绍https://www.cnblogs.com/onfly...第一个字节时间请求发送到DNS服务器返回，反映网络状态DOMReadytimeDOM达到稳定状态的时间当页面完全加载时分析思路统计DOMReady时间是.timing中获取的window.performanceDOMContentLoadedEventEnd。以DCL为分界点，结合Performance面板分析DCL前后做了什么来减慢首屏加载时间。其实还是需要了解页面从请求到渲染结果的过程，针对具体的可用资源优化相应的资源，所以可以从几个方面考虑，包括客户端和服务端CDN解析tcp连接http请求优化caching大体流程可以参考网络中的资源请求顺序，在spa场景下1.请求分包资源app.js,vendor.js,font2.业务接口，静态资源cdn请求分析工具npmrunanalyze可以生成packagefilesizemap，可以有目的的减小packagesize使用工具分析loader/plugin的执行时间优化例子Lazyloadingoffirstscreenpictures分析webpack产生的bundlesize，看看是否可以做splitroutingLazyloadingcomponentresourceson-按需加载（包括第三方组件介绍，自定义组件加载）构建优化思路加载器处理内容操作ncachehappypack开启多进程打包公共模块抽取，拆分入口基础依赖抽取和拆分dll，使用external也有一些缺点，前提是有稳定可用的cdn服务css单独打包拆分根据进入
