前端工程化

会议室:待定
出品人:张飞彪

大前端工程化是大前端业务以及技术架构复杂度提升导致的必行之路,然而工程化并不是普... 展开 >

专题出品人:张飞彪

字节跳动抖音电商客户端负责人

现就职于字节跳动上海研发中心,担任抖音电商客户端负责人,之前曾负责抖音电商上海研发团队、抖音音乐项目、小红书客户端。毕业于华东师范大学数学系国家理科基地班,自学完计算机专业的所有主干课程,从事移动软件开发工作十年以上,先后参与过 Windows Mobile、Windows Phone、嵌入式、 Android 以及 iOS 等平台的 App 和框架开发,主导了多款大中型 App 的研发,也曾作为客户端架构师负责过 Android、iOS、Web 三端的基础架构设计和演进,在移动架构、跨平台开发等大前端领域具有丰富的研发和管理经验。

专题:前端工程化

大前端工程化是大前端业务以及技术架构复杂度提升导致的必行之路,然而工程化并不是普适的技术或者理论,业务类型、场景、技术架构甚至团队组织架构均是决定工程化具体形态的必要因素。换句话讲,工程化是与实践密不可分的。本专场我们通过分享业内一些经过实践检验的工程化方案,希望能够为大家在大前端工程化的探索道路上提供借鉴和帮助。

by 曹立成(蒜蓉)

阿里巴巴
无线开发专家

性能优化是一个老生常谈的话题。如何找准优化的切入点,发挥其最大价值,真正提升用户体验,是一个相对复杂的问题。本次演讲,我将分享阿里巴巴B类电商1688是如何端云结合,在B类场景中寻找影响用户的性能瓶颈,优化提升用户体验的实践思路与总结。

演讲提纲:

  1. B类电商场景用户体验的瓶颈
    • B类电商业务背景
    • B类用户动线分析,寻找关键漏斗
  2. 端云一体性能优化与案例分享
    • 突破口:启动优化
    • 千人千面:全域性能策略化弹缩引擎
    • 案例分享:从冷启动到用户深度场景的链路优化实战
  3. 如何防止优化反弹
    • 如何防止优化反弹,架构腐化
  4. 总结和展望

你将获得:

  1. 如何在业务中寻找影响用户体验的关键漏斗
  2. 端云结合的容器化架构设计思路
  3. 性能策略化弹缩理念
  4. 如何防止优化反弹

by 程超

信也科技
大前端资深架构师

基于作者多年来对营销活动、买量投放、业务流程需求量大、重复研发、性能欠佳等痛点的思考,设计了高性能的云端一体化搭建系统—神笔。运营、产品、研发皆可在神笔上全自助的创建高性能业务模板,完成红包雨、大转盘、3D宠物、Landing、Deeplink、弹窗、交易流程等业务的在线配置、发布、验证、管理,页面FMP<0.7s,交付速度快、性能佳。

演讲提纲:

  1. 需求量大、重复研发、性能欠佳等痛点
  2. 所见即所得的 WebIDE
  3. 云端一体化的同构渲染
  4. 自动线上巡检
  5. 平台展示和性能分析

你将获得:

  1. 了解业务性能对搭建平台提出的挑战,熟悉一体化的架构设计
  2. 了解素材的优化,解决素材压缩、DOM结构优化、 动效加速、3D模型精简、规则引擎设计的难题
  3. 分析客户端渲染的过程、云端渲染的过程,了解一体化渲染的方案,达成FMP<0.7s和弱网环境继续使用的目标
  4. 了解全栈监控的性能指标,熟悉自动巡检的方案,即时发现业务性能提升点、异常点,提高业务转化

by 刘飞

达达集团
前端架构师

by 赵宇

哈啰出行
前端开发专家

企业在不同阶段会遇到不一样的性能问题,而引发性能问题的原因也是多方面的。基于此,我将以哈啰出行在创业中期阶段遇到的问题为切入点,介绍性能优化系统的搭建方法,和适合绝大多数场景下的“解题思路”。

演讲提纲:

  1. 背景:
    • 性能会伴随产品的迭代而有所衰减
    • 性能影响了用户体验
    • 为什么不使用已有的工具?
    • 工具模拟测试会在一定程度上与真实情况偏离
  2. 如何搭建性能监控系统
    • “If you cannot measure it, you cannot improve it” —— William Thomson
    • 如何数据采集?
    • 数据展示
    • 数据分析,给出指导
  3. 哈啰在性能提升方面的实践
    • 预渲染
    • 骨架屏
    • 离线缓存
  4. 总结
    • 引发性能问题的原因通常都不是单方面的,做到极致需要细抠每一个点
    • 前端大部分优化都逃不开三板斧:并发、缓存、压缩资源
    • 善用浏览器和客户端侧提供的各种能力,流程优化有时候强过细节优化

你将收获:

  1. 适合中型企业自己搭建的性能监控平台
  2. 独创性给出「基于打包流程实现的预渲染」解决方案
  3. 从零开始讲解,如何快速搭建性能监控平台
  4. 适合创业中期企业环境下的性能监控搭建方案

交通指南

上海宝华万豪酒店

Shanghai Marriott Hotel Parkview
地址: 上海市静安区广中西路333号
  • 微信咨询

  • 电话咨询

    联系电话:86+ 13167596032

微信联系我们