h5代码首屏耗时多了200毫秒怎么排查
来源：动视网
责编：小OO
时间：2024-09-05 00:10:29
h5代码首屏耗时多了200毫秒怎么排查
1、建议在Chrome隐身模式测试，避免其他缓存的干扰。Performance可以检测到上述的性能指标，并且有网页快照截图。NetWork可以看到各个资源的加载时间。2、Lighthouse是非常优秀的第三方性能评测工具，支持移动端和PC端。它支持Chrome插件和npm安装，国内情况推荐使用后者。测试完成之后，lighthouse给出测试报告。
导读1、建议在Chrome隐身模式测试，避免其他缓存的干扰。Performance可以检测到上述的性能指标，并且有网页快照截图。NetWork可以看到各个资源的加载时间。2、Lighthouse是非常优秀的第三方性能评测工具，支持移动端和PC端。它支持Chrome插件和npm安装，国内情况推荐使用后者。测试完成之后，lighthouse给出测试报告。
可以使用性能分析工具-Chromedevtools或者是性能分析工具-Lighthouse进行排查。
1、建议在Chrome隐身模式测试，避免其他缓存的干扰。Performance可以检测到上述的性能指标，并且有网页快照截图。NetWork可以看到各个资源的加载时间。
2、Lighthouse是非常优秀的第三方性能评测工具，支持移动端和PC端。它支持Chrome插件和npm安装，国内情况推荐使用后者。测试完成之后，lighthouse给出测试报告。
h5代码首屏耗时多了200毫秒怎么排查
1、建议在Chrome隐身模式测试，避免其他缓存的干扰。Performance可以检测到上述的性能指标，并且有网页快照截图。NetWork可以看到各个资源的加载时间。2、Lighthouse是非常优秀的第三方性能评测工具，支持移动端和PC端。它支持Chrome插件和npm安装，国内情况推荐使用后者。测试完成之后，lighthouse给出测试报告。
