CDN静态资源加速&Lighthouse性能监测

只需要为其提供一个需要审查的地址，Lighthouse就会对页面进行一连串的测试，生成一个有关页面性能的报告。行云子应用编译后只生成index.js，没有index.html，新版的plugin-webpack支持修改index.js，可以优先加载外部资源。结果是失败的，外部资源加载到最外层的行云基座上，vue版本、全局的css样式等会直接影响到所有的行云子应用。从上面数据可以看出，经过CDN加速后，项目打包大小减小80%左右，打包用时减少50%以上，lighthouse性能评分也有明显提高。

本文介绍了使用CDN加速和Lighthouse对前端性能进行监测的方法，通过CDN静态资源加速优化项目的加载速度和性能评分。经过CDN加速后，项目的打包大小减小了80%，打包用时减少了50%，性能评分也有明显提高。