AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

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

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

评论

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

《我要进大厂》之mysql夺命连环13问

艾小仙

Java MySQL 面试 Java 分布式 大厂

Elasticsearch初步认识

枫林

Java elasticsearch ES

AtmoicXXX与AtmoicXXXArray源码分析

Darren

源码 内存布局 CAS java 并发 AtmoicXXX

oeasy教您玩转linux010203显示logo

o

关于MySQL参数,这些你要知道

Simon

MySQL 参数

mPaas 厂商push不通排查指南

阿里云金融线TAM SRE专家服务团队

android push

在Rust里面嵌入python代码

lipi

Python rust

指针变量的传值和传址

C语言与CPP编程

c++ 指针 C语言

架构师训练营0期 第十二周作业

WW

微服务下数据一致性的几种实现方式

xcbeyond

微服务 BASE理论 数据一致性

话题讨论 | 你的桌面上会放哪些有趣的小摆件?

InfoQ写作社区官方

工作 话题讨论 办公室

【高并发】要想学好并发编程,关键是要理解这三个核心问题

冰河

写作 多线程 高并发 同步 分工

闲聊胡扯

C语言与CPP编程

随笔杂谈

Docker -快速安装Elasticsearch

枫林

终端传感了解吗?18个知识点为你扫盲

华为云开发者联盟

IoT 信息化 传感器 传输协议 无线传输器

百度被绿了?

程序员生活志

百度 互联网 头条

C/C++函数指针与指针函数

C语言与CPP编程

c++ C语言 函数指针

C语言与C++常见面试题

C语言与CPP编程

c++ 面试 C语言

浮点数比较的精度问题

C语言与CPP编程

c c++

最通俗易懂的 Redis 架构模式详解

哈喽沃德先生

redis 架构模式 redis集群 redis哨兵 redis主从

面试官问:Spring Boot中Tomcat是怎么启动的

Java小咖秀

tomcat 面试 springboot

再爆安全漏洞,这次轮到Jackson了,竟由阿里云上报

YourBatman

Jackson Fastjson 安全漏洞 CVE-2020-24616

缓冲区溢出

C语言与CPP编程

c++ C语言 缓冲区 堆栈溢出

我们一起学程序-五子棋

叫练

Java 多线程 游戏 websocket

Pod安装神策SDK报错Remote branch v2.1.3 not found in upstream origin

凌宇之蓝

ios 小程序flutter, 跨平台 CocoaPods pod React Native

Docker 安装和简单使用

枫林

Docker

Flink检查点存在的性能影响-16

小知识点

scala 大数据 flink

联盟:互联网时代的人才变革

非著名程序员

互联网 个人成长 人才 人才发展 突破圈层,个体崛起

你真的了解 Base64 吗

hepingfly

Java base64 编码

甲方日常 7

句子

工作 随笔杂谈 日常

深挖 Redis 6.0 源码—— SDS

yanglbme

redis 源码 源码分析

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