QCon 演讲火热征集中,快来分享技术实践与洞见! 了解详情
写点什么

百度 App H5 页面性能监控和优化实践

  • 2020-02-12
  • 本文字数:647 字

    阅读完需:约 2 分钟

百度App H5页面性能监控和优化实践

GMTC 深圳 2019 大会上,阚光远讲师做了《百度 App H5 页面性能监控和优化实践》主题演讲,主要内容如下。


演讲简介


通过对百度 App H5 网页速度数据做详细分析发现,H5 页面展现时间超过 4 秒,毫无疑问,在这个用户体验至上的时代,H5 展现速度会极大影响百度 App 的用户体验,而且数据显示 57%的用户选择离开。因此,H5 页面的首屏性能变得十分重要,要争取做到秒开。


本次分享,会详细介绍百度 App 性能监控体系的建立过程,包括通过监控及时发现线上 H5 页面打开慢的原因,并提供定位具体问题原因的能力。还将分享到百度 T7 内核网页渲染优化算法以及精准首屏标准化的推进。


内容大纲


1.性能监控体系的建立


(1)前端JS监控存在的问题
(2)首屏指标的建立
(3)辅助指标建设
复制代码


2.百度 T7 内核网页渲染优化


(1)首屏关键路径拆解
(2)渲染引擎布局算法存在的性能问题
(3)精准首屏加速算法
复制代码


3.精准首屏标准化


(1)首屏firstpaint标签定义
(2)介绍网页开发者如何使用首屏标签
复制代码


听众受益点


提高网页速度,提升 H5 浏览体验,进而可以带来网站流量增长


前沿亮点


H5 页面用户可感知速度监控和渲染引擎首屏速度优化


讲师介绍


阚光远,百度资深研发工程师。


阚光远,百度 App 搜索性能优化技术负责人,曾就职于中兴通讯股份有限公司,负责中兴自研浏览器内核的研发工作。2013 年加入百度,负责百度 App 搜索结果页和落地页的性能优化工作,对百度 App T7 内核渲染引擎做深度的定制化改造,是 T7 内核网页性能优化资深专家。












完整演讲 PPT 下载链接


https://gmtc.infoq.cn/2019/shenzhen/schedule


2020-02-12 17:112424

评论

发布
暂无评论
发现更多内容

架构实战营 - 模块1 - 作业

Ming

软件架构

【死磕JVM】给同事讲了一遍GC后,他要去面试,年轻人,就是容易冲动!

牧小农

JVM 垃圾回收 垃圾收集 垃圾回收算法

从小白程序员到大厂高级技术专家我看过哪些书籍?

冰河

程序员 程序人生 冰河 推荐书单

Linux chmod命令

一个大红包

4月日更

区块链赋能文化旅游,推动旅游行业转型升级

13828808769

区块链 #区块链#

云计算防火墙对象(组)的实践

Python研究所

云计算 防火墙 对象组

Kafka又出问题了!

冰河

kafka 消息队列 消息中间件 异步编程

不想写代码偷懒之配置化

顿晓

大前端 配置化开发 4月日更

智慧公安重点人员管控系统搭建,助推公安智慧化发展

13828808769

区块链+ #区块链#

2021字节大厂面经分享:Java面试高分宝典!GitHub已标星86.7K

比伯

Java 编程 架构 面试 计算机

树莓派简介

IT蜗壳-Tango

IT蜗壳教学 4月日更

Java一套拳法刷掉n个遍历树的问题 John 易筋 ARTS 打卡 Week 43

John(易筋)

ARTS活动

Redis split-brain 脑裂

escray

redis 学习 极客时间 Redis 核心技术与实战 4月日更

基于角色访问控制RBAC权限模型的动态资源访问权限管理实现

crudapi

spring security 权限 rbac crudapi 角色

Kafka的再平衡机制

五分钟学大数据

kafka 4月日更

架构训练营模块1作业-江哲

江哲

作业

头条二面:你们公司怎么处理MySQL的 Binlog 日志?

Java架构师迁哥

区块链技术推动自然资源领域信息化发展

13828808769

区块链+ #区块链#

大数据计算生态之数据计算(一)

小舰

4月日更

区块链BaaS平台,创造不一样的服务

电微13828808271

区块链+

人生好走的路那么多,你偏要选这条难走的走

小天同学

自我思考 个人感悟 人生修炼 4月日更

Python OpenCV 之图像乘除与像素的逻辑运算,图像处理取经之旅第 17 天

梦想橡皮擦

Python OpenCV 4月日更

打完新冠疫苗后要注意的两件事

石云升

28天写作 新冠疫苗 4月日更

制作颜色选择器(全)

空城机

JavaScript Vue 大前端 4月日更 颜色选择器

重构: 自己挖的坑自己填

夏兮。

Java 重构 测试 单元测试

区块链BaaS平台+BI大数据系统

电微13828808271

区块链+

新版犀牛书该不该入手?

清秋

JavaScript ecmascript ES6 技术书籍 4月日更

javascript

wudaxue

JavaScript

dubbo几个问题整理:优雅停机、线程池配置

程序员架构进阶

dubbo 28天写作 4月日更 优雅停机 线程配置

重点人员可视化管理平台搭建,公安指挥调度平台

智慧党建系统搭建,干部管理平台开发

百度App H5页面性能监控和优化实践_GMTC_阚光远_InfoQ精选文章