性能优化——前端性能优化之【前端性能检测工具-Lighthouse 】

在浏览器中输入一个网址,如www.baidu.com, 按下F12/右键检查,就能看到Lighthouse了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-usY4TlZz-1690408618374)(C:\Users\admin\AppData\Roaming\Typora\typora-user-images\image-20230724182612590.png)]

METRICS:性能指标评估结果

以下是几个重要参数:

FC:首次内容绘制时间、白屏时间

TTI:可交互前的耗时

LCP:最大内容绘制 首屏时间

OPPORTUNITIES:优化建议

问题:服务端响应慢

解决方案:

1、升级服务器内存和CPU

2、优化server端代码更快的响应页面

3、查找一些整个链路中可以优化的部分。如 代理服务器的 缓存 。

DIAGNOSTICS:诊断结果

PASSED AUDITS:已通过的性能检测

你可能感兴趣的:(性能优化,性能优化)