2025上半年,最新 AI实践都在这!20+ 应用案例,任听一场议题就值回票价 了解详情
写点什么

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

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

评论

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

前端vue面试题汇总

bb_xiaxia1998

Vue

假如面试官要你手写一个promise

helloworld1024fd

JavaScript

从源码角度看React-Hydrate原理

flyzz177

React

每日一题之Vue的异步更新实现原理是怎样的?

bb_xiaxia1998

Vue

高级前端一面经典手写面试题汇总

helloworld1024fd

JavaScript

React源码分析(一)Fiber

flyzz177

React

IoT 设备定位服务——设备管理类

阿里云AIoT

物联网 API 定位技术

从react源码看hooks的原理

flyzz177

React

知道这个网站你就不用买实体书了

邱比特讲编程

程序员 资源 电子书 大学生

JAVA中生成随机数Random VS ThreadLocalRandom性能比较

JAVA旭阳

Java

JS模块化—CJS&AMD&CMD&ES6-前端面试知识点查漏补缺

loveX001

JavaScript

80%的前端开发都答不上来的js异步面试题

loveX001

JavaScript

高级前端一面常考react面试题总结

beifeng1996

React

前端高频手写面试题集锦

helloworld1024fd

JavaScript

Ubuntu无法切换到桌面tty7解决

Geek_pwdeic

ubuntu

高级前端一面必会react面试题(持续更新中)

beifeng1996

React

Spark架构

穿过生命散发芬芳

spark 12月月更

一年半经验如何准备前端面试

loveX001

JavaScript

一道React面试题把我整懵了

beifeng1996

React

每日一题之Vue数据劫持原理是什么?

bb_xiaxia1998

Vue

写个JS深拷贝,面试备用

helloworld1024fd

JavaScript

中小企业运营自媒体为何多以失败告终

石头IT视角

易观分析:手机银行季度活跃用户突破7亿人,个人养老金业务争夺战开启

易观分析

手机银行 个人养老金

一个将日志消息仅区分为 info 和 error 的实践分享

Tiger Wang

开源 最佳实践 日志

一天梳理完React所有面试考察知识点

beifeng1996

React

鸿蒙开发实例 | 鸿蒙原子化服务卡片开发完美体验

TiAmo

华为 鸿蒙 12月月更

Python:界面开发,wx入门篇

eng八戒

Python PyQt GUI WxPython tkinter

React-Hooks源码深度解读

flyzz177

React

转转用户画像平台实践

转转技术团队

大数据 用户画像 用户画像分析

从recat源码角度看setState流程

flyzz177

React

看透react源码之感受react的进化

flyzz177

React

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