写点什么

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

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

评论

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

手写JS函数的call、apply、bind

helloworld1024fd

JavaScript

oracle数据库开发优化建议

默默的成长

oracle 前端 11月月更

redux原理是什么

xiaofeng

React

云栖大会“云计算加速开源创新论坛” 揭晓 2022 年度开源人物

云布道师

开源 云栖大会

低代码实现探索(五十二)基于模板方式基组件

零道云-混合式低代码平台

怎样徒手写一个React

helloworld1024fd

JavaScript

Vue组件是怎样挂载的

yyds2026

Vue

SpringBoot 自动装配原理

Jeremy Lai

springboot 自动装配

数据预处理和特征工程-数据预处理-数据无量纲化 & 缺失值

烧灯续昼2002

Python 机器学习 算法 sklearn 11月月更

2022前端常考手写面试题总结

helloworld1024fd

JavaScript

CSS学习笔记(四)

lxmoe

CSS 前端 学习笔记 11月月更

Jenkins 安全tips

SEAL安全

安全 jenkins

谈谈 Angular 应用 Feature Module 的延迟加载话题

汪子熙

typescript angular web开发 SAP 11月月更

前端js手写面试题看这篇就够了

helloworld1024fd

JavaScript

react的jsx语法是怎样解析的

夏天的味道123

React

列存数据仓库怎样更高效

王磊

阿里云丁宇:交付管理一体化的云原生应用平台 KubeVela 再升级

云布道师

云原生 2022云栖大会

Vue实战必会的几个技巧

yyds2026

Vue

计算机网络:随机访问介质访问控制之CSMA/CD协议

timerring

计算机网络 11月月更

阿里巴巴云生态 9 大开源项目重磅发布

云布道师

云计算 开源 2022云栖大会

人人能读懂redux原理剖析

夏天的味道123

React

新闻速递 | KaiwuDB 亮相世界互联网大会

KaiwuDB

数据库 大数据 互联网

ModStartBlog v6.1.0 界面显示优化,富文本升级

ModStart

阿里和蚂蚁集团共建并开源的国内第一款IDE框架——OpenSumi新版本发布

云布道师

#开源项目 2022云栖大会

fastposter v2.10.0 简单易用的海报生成器

物有本末

海报 小程序营销 海报生成 海报小程序

从实现一个React到深度理解React框架核心原理

夏天的味道123

React

你要的react+ts最佳实践指南

xiaofeng

React

Vue模板是怎样编译的

yyds2026

Vue

基于 Istio + Envoy 的 dubbo-go Proxy Mesh

apache/dubbo-go

dubbo Service Mesh service dubbo-go dubbogo

HTML知识框架 一

默默的成长

oracle 前端 11月月更

一文读透react精髓

xiaofeng

React

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