NVIDIA 初创加速计划,免费加速您的创业启动 了解详情
写点什么

百度 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:112150

评论

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

大数据培训Flink面试宝典

@零度

flink 大数据开发

nginx proxy_next_upstream 与openresty balancer.set_more_tries的使用

飞翔

nginx openresty

手机刷新率越高越好吗?

InfoQ IT百科

CPU和GPU有什么区别?

InfoQ IT百科

云融科技加入龙蜥社区,助力金融行业数字化转型

OpenAnolis小助手

数字化转型 龙蜥社区 CLA 云融科技

Kafka设计的基本原理

平凡人生

量化系统开发,量化交易系统APP搭建

Geek_56201b

量化交易系统开发 量化交易源码 量化APP搭建

NFT、GameFi、SocialFi、云存储,DFINITY 生态上最热赛道详解

TinTinLand

区块链

友好型公链Neo,助力开发者轻松掌握区块链智能合约

TinTinLand

区块链

手机摄像头越多拍照效果越好吗?

InfoQ IT百科

基于 TiDB 的 Apache APISIX 高可用配置中心的最佳实践

API7.ai 技术团队

微服务网关 api 网关 APISIX TiDB

APISIX jwt-auth 插件存在错误响应中泄露信息的风险公告(CVE-2022-29266)

API7.ai 技术团队

api 网关 APISIX CVE

web前端培训React 泛型组件

@零度

前端开发 React

Gartner调查研究:中国的数字化发展较之世界水平如何?高性能计算能否占据主导地位?

蓝海大脑GPU

GPU服务器 GPU算力

深度报告:异构时代,芯片需集成多个模板

Finovy Cloud

人工智能 云计算 gpu GPU服务器

“开源之夏”活动火热报名中,丰厚奖金等你来拿!

云智慧AIOps社区

开源 活动 开源软件

手机运存与内存有什么区别?

InfoQ IT百科

Docker Compose 部署Kibana和 Elasticsearch本地集群 8.1.3

ue4

elasticsearch

区块链招聘会完美收官,行业大咖教你如何 Get Web3高薪职位

TinTinLand

区块链

手机摄像头芯片主要有哪些?

InfoQ IT百科

云原生虚拟化:基于 Kubevirt 构建边缘计算实例

火山引擎边缘云

容器 k8s 边缘计算 Kubevirt

深入理解JMM-CPU多核硬件架构剖析及Java内存模型

janyxe

JVM cpu Java内存模型

如何写出有价值的竞品分析报告?

基调听云

竞品分析 基调听云

如何看待现阶段国内手机操作系统的竞争格局?

InfoQ IT百科

人为什么看不到真相?

源字节1号

网站开发

CrashSight 接入上报常见问题及解决方案

WeTest

真正的量子计算机触手可及!英特尔宣布规模化生产硅量子比特

科技新消息

Dubbo 编程之夏报名启动了

阿里巴巴云原生

Talent Plan 学习营初体验:交流+坚持 开源协作课程学习的不二路径

PingCAP

开发者友好型公链Neo | 如何连接 Web2 开发者到 Web3 世界

TinTinLand

区块链

射频芯片在手机上起到什么作用?

InfoQ IT百科

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