9 月 13 日,2025 Inclusion・外滩大会「开源嘉年华」正在限量报名中! 了解详情
写点什么

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

  • 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:372821

评论

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

浅谈Linux虚拟文件系统

lecury

Linux 文件系统 经验分享、

MySQL探秘(四):InnoDB的磁盘文件及落盘机制

程序员历小冰

MySQL 文件读写 28天写作 12月日更

【Redis集群原理专题】分析一下相关的Redis集群模式下的脑裂问题!

码界西柚

redis 分布式系统脑裂 集群 脑裂 12月日更

全方位认识 JVM

Ayue、

内容合集 技术专题合集

Linux内核技术分享

lecury

内容合集 签约计划第二季

25个带有酷炫动画的创意404错误页面,快给你的网站换上吧(持续更新)

海拥(haiyong.site)

大前端 28天写作 404 签约计划第二季 12月日更

了解 JVM 的方法调用

Ayue、

JVM 技术专题合集

JVM 性能诊断工具

Ayue、

JVM 技术专题合集

音视频学习合集

Fenngton

内容合集 签约计划第二季

JVM性能调优之内存优化与GC优化实战

Ayue、

JVM jvm调优 技术专题合集

眼耳鼻舌身意,严肃地聊一聊元宇宙的“技术拼图”

脑极体

浅谈Linux线程模型

lecury

Linux 线程 经验分享、

如何在 ASP.NET Core 中重写 URL

喵叔

28天写作 12月日更

程序员写作模版献给懵逼的你

jerry

给弟弟的信第2封|关于时间管理这件事

大菠萝

28天写作

流处理引擎Flink:编程 - 程序结构

正向成长

浅谈Linux内存管理

lecury

Linux 内存管理 经验分享、

升级【爸爸程序员】了?用Python给自己的宝贝下载200+绘本动画吧!

梦想橡皮擦

12月日更

Arthas阿里开源的Java诊断工具

Ayue、

JVM 技术专题合集

乔布斯家app下架上架杂记

张老蔫

28天写作

浅谈Linux进程模型

lecury

Linux 进程 经验

面试官说:你来设计一个短链接生成系统吧

秦怀杂货店

Java 系统架构 系统 短链接

自定义 View:绘制垂直正弦函数

Changing Lin

12月日更

【LeetCode】赎金信Java题解

Albert

算法 LeetCode 12月日更

操作系统:Linux下的防火墙

程序员架构进阶

Linux 操作系统 防火墙 Firewalld 12月日更

「架构实战营」模块一作业

Vincent

「架构实战营」

纯css实现117个Loading效果(下)

德育处主任

css3 大前端 纯CSS css特效

JVM类加载机制

Ayue、

JVM 技术专题合集

域控安全之域渗透

网络安全学海

网络安全 信息安全 渗透测试 WEB安全 漏洞挖掘

浅谈Linux Cgroups机制

lecury

Linux Cgroups 经验分享、

音视频实战(1)- 音频质量关键指标之QoE

liuzhen007

签约计划第二季

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