前端性能优化方法与实战|实战课|拉勾教育|百度云下载

资源简介

课程背景
对前端工程师而言,性能优化能力决定了你的职业发展高度。 想成为大厂前端或者高级前端工程师,性能优化必须要做到心中有数。

在实际工作当中,前端性能优化往往比较繁杂,防布局抖动、HTML 优化、图片加载优化等等,许多细节都需要顾及到。想要更好地掌握前端性能优化,你需要拥有正确的方法论和实战技巧。

专栏解读
本专栏会从前端性能优化方法论、指标采集上报及优化手段、Hybrid 下的进阶优化、性能优化数据评估及预警和一线大厂性能优化体系演进五个方面讲解,带你掌握优化方法论,突破 Web 页面性能瓶颈。

模块一 性能优化方法论:这个模块会系统讲解性能优化的方法论。比如,性能优化整个体系是怎样的;在页面加载过程中都有哪些性能瓶颈点等等。学完这部分,你将对整个前端性能优化体系有个全面了解,并知道优化落地过程中需要注意哪些方面。

模块二 性能优化指标采集上报及常见优化手段:这个模块主要讲解在优化实战过程中,如何确定性能指标,如何采集上报等等。此外,讲师还会展开讲解指标采集和上报实践过程中遇到的坑。学完这部分,你将掌握首屏时间、白屏、卡顿、网络环境指标的采集办法和上报策略。

模块三 性能问题诊断及优化手段:这个模块重点介绍,如何根据性能平台问题,结合一些检查清单(如全量 VS 增量、同步 VS 异步)来诊断性能问题;如何进行预警监控等等。通过这一模块的学习,你将学会如何搭建一个性能监控预警平台,并学会利用它来进行性能诊断和优化。

模块四 Hybrid 下的进阶优化手段:这个模块会介绍,在 App 端的性能优化,详细讲解 hybrid 体系建设、SSR方案、webview层优化等等。学完这个模块,你将掌握离线包设计、骨架屏和 SSR 优化手段,WebView 层及代码架构层面优化等等,在 Hybrid 下的进阶优化手段。

模块五 一线大厂性能优化体系演进:这个模块讲师会介绍,一线大厂的性能解决方案和演进过程,比如,腾讯的首屏方案和美团的首屏方案各有哪些优缺点,分别适合哪些场景;使用多端方案场景的业务,我们该如何优化性能等等。 通过这个模块的学习,你会了解一线大厂性能优化方案。

讲师介绍
溪风 前58集团技术副总监

曾带领团队完成58集团公司级重点项目,前后端解耦和奥林匹亚性能优化,为公司带来巨大商业收益。曾担任百度技术leader,负责百度文库团队研发管理工作,多年的前端开发和团队管理经验,在javascript进阶实战、前端性能优化、前后端开发模式变革等方面具有丰富的实战经验。

《前端性能优化方法与实战|实战课|拉勾教育|百度云下载》

资源目录

/638_前端性能优化方法与实战 [1.1G]
      ├──03  案例分析:移动端 M 站性能优化落地注意事项_6540 [201.9M]
      │    └──03  案例分析:移动端 M 站性能优化落地注意事项.mp4 [201.9M]
      ├──开篇词  开启刻意练习之路,进阶前端性能技术专家_6537 [160.5M]
      │    └──开篇词  开启刻意练习之路,进阶前端性能技术专家.mp4 [160.5M]
      ├──01  体系总览:性能优化体系及关键指标设定_6538 [259.7M]
      │    └──01  体系总览:性能优化体系及关键指标设定.mp4 [259.7M]
      ├──02  性能瓶颈点:从 URL 输入到页面加载整过程分析_6539 [263.4M]
      │    └──02  性能瓶颈点:从 URL 输入到页面加载整过程分析.mp4 [263.4M]
      └──04  指标采集:首屏时间指标采集具体办法_6568 [224.6M]
            └──04  指标采集:首屏时间指标采集具体办法.mp4 [224.6M]

资源下载

抱歉,只有登录并在本文发表评论才能阅读隐藏内容,切记不要恶意刷,否则会被限制,先阅读用户规则,一旦进入黑名单,不可能再放出来。同时注意,暂停在线支付,请联系客服QQ267286513。
  1. 悠悠客说道:

    ️老师们:节日快乐工作顺利身体健康天天开心

  2. cheng6302说道:

    好资源,谢谢分享

  3. jumpduckegg说道:

    学习一下!

  4. resist说道:

    学习一下!!

    1. oursoul说道:

      先学习

  5. moonsun说道:

    谢谢分享!

  6. 渴死的鱼说道:

    感谢分享

  7. rang说道:

    性能性能

  8. yzhclear说道:

    感谢分享

  9. cqhaisenbao说道:

    学习一下

  10. 小马说道:

    :confused: 性能优化搞起来,感谢分享

  11. 骑白马的大师兄说道:

    感谢感谢

  12. snow说道:

    优化优化优化优化

  13. 顽强的周说道:

    学习一下。

  14. 龙马说道:

    感谢分享,学习性能优化!

  15. 谁是静静说道:

    谢谢分享

  16. peijd说道:

    感谢分享

  17. 今晚打老虎i2016说道:

    没想到这个资源也有

  18. 缘木说道:

    没想到这个资源也有

  19. 明天,你好说道:

    一直在找性能优化的资源,感谢分享

  20. AndySun说道:

    最近在搞性能优化,感谢分享

  21. 皓月当空说道:

    感谢楼主

  22. augustus说道:

    感谢分享 :smile: :smile:

  23. TT说道:

    性能优化值得学,感谢分享。

  24. dreamvivid说道:

    感谢分享 :mrgreen:

  25. Null说道:

    感谢分享

  26. 彦旭说道:

    前端项目经常内存溢出,迫切需要优化

  27. walker_zmc说道:

    感谢分享

  28. 三克卿说道:

    学前端的只是更新好快

  29. 路飞说道:

    学习学习进大厂,感谢分享 :idea: :idea: :idea: :idea: :idea:

  30. 我是人间惆怅客说道:

    感谢分享

  31. 哈哈哈哈说道:

    感谢分享

  32. xuxu1633说道:

    感谢分享

  33. 拾贝说道:

    感谢分享

  34. 莫名说道:

    感谢分享啦

  35. ycxiang说道:

    前端性能优化,其实很多人都会忽略的。这块也是区别高手与低手的区别之一。

  36. 哈克斯说道:

    感谢分享啦

  37. 不近视的猫说道:

    :redface: 开发了这么久前端,原来还有性能优化的

  38. 菊花般灿烂说道:

    感谢大佬分享,学习一下

  39. Kuronios说道:

    感谢大佬!

  40. coderlzh说道:

    工作还在拧螺丝,但是性能优化还是要了解的

  41. 红鲤鱼说道:

    一直在找性能优化的资源,感谢分享 :razz:

  42. 小白1号说道:

    这个优化的课程很感兴趣,下载下来学习一下

  43. 西门蜗牛说道:

    性能优化提升竞争力

  44. 月下无限连说道:

    前端性能优化资料值得学习,感谢~ :mrgreen:

  45. mutou说道:

    学习下前端性能优化

  46. 前端菜鸟说道:

    前端性能优化方面的资料比较少,感谢分享

  47. 童童说道:

    全面学习。。感谢分享。

  48. Eddie说道:

    一直在找性能优化的资源,感谢分享 :razz:

  49. lyc458216说道:

    一直在找性能优化的资源,感谢分享 :razz:

发表回复