当前播放: 利用FP、FMP和FCP如何评估应用首屏性能？
00:00 / 00:00
高清
- 高清
1.0x
- 2.0x
- 1.5x
- 1.25x
- 1.0x
- 0.5x
网页全屏
全屏
00:00
付费课程，可试看
合辑：新版短视频
如何搭建一站式提供测试所需数据的平台
如何在React Native中开发流畅的动画？
MySQL索引分类及优化方法
如何开发一个Babel插件
如何提升UI层自动化测试稳定性
如何利用Chrome DevTools优化网页性能
Error Boundaries捕获的异常来自哪里？
在各种web场景下的调试方式有哪些
如何快速定位UI层自动化测试脚本错误
视频通话背后的关键技术
微服务架构中如何实现服务访问的容错机制？
租约机制原理及其在HDFS、HBase、Eurake中的应用
如何设计列表页的阅读顺序？
技术人员如何坚持写作？
Web2D通用图形渲染框架设计与优化思路
Android中如何绘制特殊效果？
React Native中的导航是如何实现的？
ThreadLocal如何在父子线程及线程池中传递？
如何设计和实现分布式环境下的全局唯一性ID？
目标检测（object detection）发展的关键路径：R-CNN
在Android中如何自定义View控件？
音视频处理，有哪些AI算法是你必须知道的？
ThreadLocal原理分析及内存泄漏演示
如何用好Redis内存数据库？
大型电商如何做双11/618的稳定性保障？
程序员怎么利用副业赚钱？
亿级平台HBase集群到底如何配置？
在自动化测试过程中如何搭建Mock Server？
自动化测试中，如何融合API测试和UI测试?
流控算法哪家强？
怎样做好一个开源项目？
活用工具解决网络问题
HTTP协议的性能测试脚本，到底该怎么写？
Go语言依赖管理Go Module的正确使用姿势
如何快速构建Java注解处理器？
网络传输中为什么需要压缩视频？
互联网大厂如何玩转代码评审？
负载均衡除了算法策略，你还应该知道哪些？
怎样利用线上日志排查问题？
如何从蛛丝马迹中分析系统间调用出现的问题？
如何做好容量评估？
如何通过反垃圾邮件引擎来理解机器学习？
微服务的SLA服务可用性等于4个9，我是怎么做到的？
影响性能的关键环节和性能指标有哪些？
文件资源是如何影响到网站性能的？
创业案例分享：从冷启动到实现百万营收都要做哪些事情？
新入行的测试工程师，如何进阶为测试专家？
如何高效地实施 CSS 方法论中的BEM？
利用FP、FMP和FCP如何评估应用首屏性能？
如何基于可靠事件模式实现数据最终一致性？
利用FP、FMP和FCP如何评估应用首屏性能？
颜宇 尚德机构资深开发工程师
随着单页面的流行，传统的 load 和 DOMContentLoaded 两个事件，已经不能准确衡量应用的首屏性能了。因此，W3C 推出了 FP、FCP 和 FMP 这三个性能指标，专门用来度量应用首屏渲染的时间。今天我将会带你深入了解下这三个性能指标的具体含义，以及如何利用 Performance API 和 LightHouse 计算它们
讲师介绍
颜宇，现在在尚德机构研发中心担任资深开发工程师，从事前端的开发和管理工作。曾经服务于 ADCC、搜狗和阿里，具有 5 年 Java 和 8 年前端开发经验。在技术选型、系统架构设计、规范和流程控制等方面有着较为丰富的经验。
展开
¥4.99 购买
开通VIP
21
登录 后留言
精选留言(1)
后脑勺感谢分享，我也是在刚接触到 BEM 命名规范的时候就直接用到了工作开发中，这个真的很好用。此外，给大家推荐一个介绍 BEM 的网站：http://getbem.com/2020-05-27 1
收起评论
其他推荐
45:44Backend For Frontend（BFF）in Serverless
杨凯（亚顿） 阿里巴巴高级前端专家
试看
36:54AutoCAD & WebAssembly: Moving a 30 Year Code Base to the Web（英语演讲）
Kevin Cheung AutoDesk Software Architect
试看
41:05智能 Web 研发初探
邵帅（余化） 蚂蚁金服前端技术专家
试看