性能优化
文章平均质量分 96
_语墨
Frontends
展开
-
输入一个url后发生了什么 && js性能优化
从一道题开始:输入一个url后发生了什么?1.请求协议可聊点1:http协议相关=> 追问: http与TCP可聊点2: https协议相关=> 追问:http与https2.域名解析3.web服务器4.服务(2、3)涉及到 网络优化5.浏览器渲染6.脚本执行时 - JS可聊点:js的垃圾回收7.打包配置的优化原创 2023-01-19 16:29:43 · 1855 阅读 · 0 评论 -
前端性能优化与计算方式
1.Navigation Timing2.Core Web Vitals - CWV 网页性能三大指标2.1 Largest Contenful Paint(LCP)扩展:关于图片上传2.2 First Input Delay(FID)2.3 Cumulative Layout Shift(CLS)2.4 Core Web VItals Annotetions - 衡量CWV的工具3. performance - 性能评估神器*3.2 性能优化的另一种可能 - bigpipe —— 页面分解原创 2023-01-04 19:57:55 · 915 阅读 · 0 评论 -
浏览器Performance性能监控使用详解
1.Performance2.测试性能操作流程3.Performance检测结果详解区域1:controls【控制栏】区域2:overview【网页性能总览图】区域3:火焰图【各项指标的堆叠追踪可视化】区域4:统计汇总【以图表的形式汇总数据】4 其他监控性能小工具4.1 Performance monitor面板:页面性能的实时监控4.2 实时FPS面板:可以实时展示页面的FPS指标原创 2023-01-04 16:06:47 · 7175 阅读 · 1 评论