首页 > 其他分享 >前端性能优化

前端性能优化

时间:2024-04-10 15:55:54浏览次数:28  
标签:ctrl shift 前端 开发者 performance 面板 优化 性能

性能指标方案

rail性能模型,Web Vitals

性能测试工具

1.Lighthouse的基本使用
在谷歌浏览器的开发者工具中
2.WebPageTest:[https://www.webpagetest.org/]
只能够测试已经发布的网址
3.Chrome DevTools测试性能、
网络请求阻止,开发者工具网络中ctrl+shift+p开启面板,然后输入block,添加不让请求的文件名
ctrl+shift+p开启面板,然后输入coverage来看未使用的内容
memory面板看哪里有内存泄漏
选择第二个时间线
performance 性能分析
fps 显示每秒帧数(FPS)指示器
performance monitor性能监视器-实时的性能分析

标签:ctrl,shift,前端,开发者,performance,面板,优化,性能
From: https://www.cnblogs.com/zhixy/p/18125890

相关文章