写点什么

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

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

评论

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

BOE(京东方)IPC电竞嘉年华盛典圆满收官 第三届无畏杯总决赛引领电竞生态发展热潮

爱极客侠

如何配置YashanDB实现多租户数据隔离管理

数据库砖家

通过jobleap.cn的岗位信息预测 A 股金融市场行业景气度从而炒股赚钱​

Y11

赚钱 找工作 研究 找实习 炒股

BOE(京东方)携新能源领域新品亮相2025服贸会 引领绿色转型新动能

爱极客侠

海外 App 开发的注意事项

北京木奇科技有限公司

软件外包公司 APP外包公司 海外APP

阿里 Qoder 新升级,Repo Wiki 支持共享、编辑和导出

阿里巴巴云原生

阿里云 云原生 Qoder

精准企划,智能决策:AI驱动商品全链路利润最大化

第七在线

如何使用YashanDB进行企业培训的效果评估?

数据库砖家

如何实现YashanDB数据库的零停机升级?

数据库砖家

从二维码到 RFID,企业该怎么选?

斯科信息

RFID技术 RFID读写器 RFID标签 RFID手持终端 RFID天线

如何利用YashanDB提升企业数据处理能力?

数据库砖家

如何设置YashanDB的自动化任务以简化数据操作

数据库砖家

快速搞定Dify+Chrome MCP:打造能操作网页的AI助手

测吧(北京)科技有限公司

如何评估YashanDB数据库在云服务中的表现

数据库砖家

如何配置YashanDB实现数据实时同步功能?

数据库砖家

如何利用YashanDB数据库提高数据处理的并发能力

数据库砖家

如何使用YashanDB的API与第三方应用程序集成?

数据库砖家

成语答题赚系统详情

微擎应用市场

轻工业是否需要采购堡垒机需求简单分析

行云管家

网络安全 等保 堡垒机

多多报销小程序系统详解

微擎应用市场

Z世代如何解决单身问题? Hobby×华为云Tokens服务带来“AI的初体验”

极客天地

如何配置YashanDB实现高可用容灾架构?

数据库砖家

如何评估YashanDB在企业数据管理中的成效?

数据库砖家

适合小型企业的项目管理系统推荐:Reddit 用户真实需求

NocoBase

开源 项目管理 低代码 项目管理系统 小型企业

厂不大,事不少?中小企业如何用MES打通生产管理“任督二脉”

万界星空科技

数字化 mes 中小企业数字化转型 中小型制造业 数字化转型‘’

Playwright MCP浏览器自动化教程

测试人

人工智能 软件测试

AI招聘机器人制造商Paradox.ai因弱密码泄露数百万求职者数据

qife122

网络安全 密码安全

如何配置YashanDB实现自动化数据库运维?

数据库砖家

德创恋爱话术宝典介绍

微擎应用市场

入门教程:如何编写一个chrome浏览器插件(以jobleap.cn收藏夹为例)

Y11

JavaScript chrome 找工作 教程分享 浏览器插件

海外APP开发的注意事项

北京木奇科技有限公司

软件外包公司 APP外包开发 海外APP开发

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