AICon 上海站|90%日程已就绪,解锁Al未来! 了解详情
写点什么

从重新认识前端渲染开始,小红书的前端性能监控及优化实践

  • 2019-08-12
  • 本文字数:526 字

    阅读完需:约 2 分钟

从重新认识前端渲染开始,小红书的前端性能监控及优化实践

GMTC 北京2019大会上,来自小红书的李季骏讲师做了《从重新认识前端渲染开始,小红书的前端性能监控及优化实践》主题演讲,主要内容如下。


演讲简介:


App WebView 的混合开发方式由于其高效的迭代效率一直在业界备受应用,也正因如此,其渲染性能也往往被拿来和 Native 应用去做横向比较,自然也对前端开发者提出了更高甚至跨 scope 的技能要求。


对此,我们的分享先会从拆解我们所关注的核心性能感官体验开始(First Paint, First Meaningful Paint, First Screen Paint),并且从工具侧和监控侧赋能工程师,找到影响各个关键渲染帧的症结,逐步渗透到包括在 Vue 等主流 MVVM 框架下一些实践对性能的影响。带着以上的思考和实践,分享会再聚焦“零白屏/首屏秒开”的目标,讲解小红书前端如何借助客户端缓存能力、服务端渲染能力,实现的工程化的前端渲染性能优化解决方案。


讲师介绍:


李季骏


小红书社区前端工程师


2016 年底加入小红书至今,目前任职于社区前端组,负责了包括小红书前端工程化、服务端同构、Hybrid 容器层建设(WebView、React Native)等方向。对于跨平台混合开发场景有丰富的实践,并在效率、性能等方向累积了一定的工程化解决方案经验。












完整演讲 PPT 下载链接:


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


2019-08-12 14:372634

评论

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

【BBC learningenglish】with Tango

IT蜗壳-Tango

IT蜗壳教学 3月月更 Tango English

组件简介 - 大屏云极简使用手册

shulinwu

数据可视化 大屏可视化 智慧大屏可视化 大屏

布局说明 - 大屏云极简使用手册

shulinwu

可视化 数据可视化 大屏可视化 智慧大屏可视化 大屏

易观分析对《关于银行业保险业数字化转型的指导意见》的解读

易观分析

银行 数字化

【案例】基于星环科技数据云平台TDC为富国基金建设万能的数据湖

星环科技

数据库

教你如何使用flask实现ajax数据入库

华为云开发者联盟

Python 数据库 flask 文件上传 ajax数据

ironSource 新功能发布,开发者可在同一会话中实时调整广告策略

极客天地

【C语言】数据类型存储、原码,反码,补码

謓泽

C语言 补码 原码 反码 3月月更

虎符研究院关于 Manta Network平行链解决方案的分享

区块链前沿News

虎符交易所 币圈后浪

活动预告 | DataOps + MLOps Meetup

第四范式开发者社区

人工智能 机器学习 开源 DevOps MLOps

实践GoF的23种设计模式:SOLID原则(上)

华为云开发者联盟

设计模式 GoF SOLID SOLID原则 分布式应用系统

HertzBeat赫兹跳动v1.0.beta.4 发布, 易用友好的高性能监控告警系统

TanCloud探云

开源 APM 监控 监控系统 监控告警

与容器服务 ACK 发行版的深度对话第二弹:如何借助 hybridnet 构建混合云统一网络平面

阿里巴巴云原生

阿里云 云原生 ACK Distro

应用数仓ODBC前,这些问题你需要先了解一下

华为云开发者联盟

数据库 GaussDB(DWS) 驱动 ODBC 驱动管理器

阿里云智能编码插件,更Cosy的开发体验

阿里云云效

Java 阿里云 程序员 开发 研发

低代码平台设计探索,如何更好赋能开发者

雯雯写代码

低代码 开发平台 开发者,

用 python selenium 爬简书,Python自动化领域之 Selenium WebDriver 学习第2篇

梦想橡皮擦

Python 3月月更

BFS/DFS/DP 算法案例 LeetCode题目:传递信息

OpenHacker

LeetCode 动态规划 深度优先搜索 算法解析 广度优先搜素

新思科技最新报告显示97%的应用存在漏洞

InfoQ_434670063458

新思科技 应用安全

2021 “科创中国”开源创新榜单公布,优麒麟荣登两榜!

优麒麟

Linux 开源 开源社区 优麒麟

白话大数据 | 从买菜这件小事来聊聊数据仓库

星环科技

创建公司内部文档的入门指南

小炮

工作效率 企业管理 企业管理软件

赋能金融领域,国密改造让安全合规更加牢固

电子信息发烧客

安全

星环科技ArgoDB 3.2正式发布,全面升级易用性、性能和安全

星环科技

数据库

开讲了!龙蜥社区走进北大课堂

OpenAnolis小助手

开源 操作系统 龙蜥社区 北京大学 走进高校

墨天轮国产数据库沙龙 | 许力:阿里云原生Lindorm TSDB数据库,驱动工业IT&OT超融合数字化系统升级

墨天轮

数据库 阿里云 tsdb

融合通信常见问题2月刊 | 云信小课堂

网易云信

音视频 融合通信

Web 键盘输入法应用开发指南 (2) —— 键盘事件

天择

JavaScript 键盘 输入法 3月月更

前端架构三大巨头之一Angular | 深度讲解

云智慧AIOps社区

开源 前端 Web angular 数据源

一文带你看懂HarmonyOS应用上架

HarmonyOS开发者

HarmonyOS 应用开发

Nebula Graph 的 KV 存储分离原理和性能测评

NebulaGraph

图数据库 分布式图数据库

从重新认识前端渲染开始,小红书的前端性能监控及优化实践_大前端_李季骏_InfoQ精选文章