前端全链路性能优化实战-由点及面,带你掌握完整的性能优化体系

前端全链路性能优化实战-由点及面,带你掌握完整的性能优化体系

以往我们学习和解决前端性能优化问题的时候,往往是在网上搜索一些教程,对某一点进行优化,再或者就是看一些陈旧的教程文章,头痛医头脚痛医脚。这样学来的知识很不系统,也无法进行很好的总结,导致没有沉淀和积累。同时只关注前端 CSS、JavaScript 技术本身的优化,一但涉及到 App、后端、网络等不是很熟悉的领域,你就变得束手无策了。

因此我们的课程不能局限于前端,而是要补齐整个体系上的优化技术和理念,由点及面,带你全面掌握全链路的前端性能优化知识和解决方案。

资源目录

01丨课程介绍.mp4

02丨内容综述.mp4

03丨图片优化:如何为不同格式的图片选择合适的应用场景?.mp4

04丨图优化:怎样让图片加载得更快?.mp4

05丨图片优化:在服务器端进行图片自动优化的原理是什么?.mp4

06丨HTML:怎样精简优化HTML的代码结构?.mp4

07丨CSS:CSS的优化应该遵循哪些原则?.mp4

08丨JavaScript:如何提升JavaScript的执行效率?.mp4

09丨JavaScript:如何对JavaScript的缓存进行优化?.mp4

10丨JavaScript:如何选择合适的模块化加载方案?.mp4

11丨怎样才能减少浏览器的回流和重绘?.mp4

12丨DOM编程优化:怎样控制DOM大小并简化DOM操作?.mp4

13丨静态文件:有哪些常用的压缩工具?.mp4

14丨静态文件:怎样打包才更合理?.mp4

15丨静态文件:版本号更新,你应该遵循哪些策略?.mp4

16丨构建工具:常用的前端构建工具有哪些?如何选型?.mp4

17丨打包优化:提升webpack打包效率的6个小技巧.mp4

18丨浏览器渲染:你是否清楚浏览器的渲染过程?.mp4

19丨页面渲染:主流的页面渲染技术架构和方案有哪些?.mp4

20丨后端同步渲染:JSP是如何同步渲染出页面的?.mp4

21丨页面静态化:动态页面静态化要如何实施?.mp4

22丨前后端分离:如何正确理解和实现前后端分离?.mp4

23丨单页面应用:什么情况下该选择单页面应用?怎样实现?.mp4

24丨BigPipe:什么是BigPipe?你了解它的工作原理吗?.mp4

25丨同构直出:有哪些主流的同构直出方案?如何选择?.mp4

26丨PWA:如何做到媲美原生应用的体验?.mp4

27丨页面渲染:怎样选择合理的技术方案?.mp4

28丨页面加载:加载策略都有哪些?又该如何选型?.mp4

29丨接口优化:如何对接口调用进行优化?.mp4

30丨接口优化:如何对接口缓存进行优化?.mp4

31丨WebView:如何选择合适的WebView内核?.mp4

32丨浏览器优化:如何设置全局WebView?.mp4

33丨浏览器优化:如何实现导航栏预加载?.mp4

34丨浏览器优化:如何打通登录态?.mp4

35丨浏览器优化:如何实现URL预加载?.mp4

36丨浏览器优化:如何提升滚动条的使用体验?.mp4

37丨浏览器优化:如何对JS-SDK进行优化?.mp4

38丨浏览器优化:目前主流的缓存策略有哪些?.mp4

39丨HTML5 离线化:主流的技术实现方案有哪些?.mp4

40丨混合式开发: React Native内核及优势介绍.mp4

41丨混合式开发:小程序内核及优势介绍.mp4

42丨混合式开发:Flutter内核及优势介绍.mp4

43丨CDN:如何合理配置CDN缓存?.mp4

44丨DNS :主流的DNS优化方法有哪些?.mp4

45丨HTTP:如何减少HTTP请求数?.mp4

46丨Cookie :减少Cookie大小的策略和益处.mp4

47丨服务器:缓存配置和优化方案.mp4

48丨服务器:如何开启和配置gzip压缩.mp4

49丨HTTPS:如何开启全站HTTPS?.mp4

50丨HTTP-2 :升级HTTP-2的好处有哪些?如何升级?.mp4

51丨流程优化:如何优化前端团队的研发流程?.mp4

52丨协作模式:前端和后端如何开展更高效的合作?.mp4

53丨自动化测试:有哪些主流的技术方案?如何选型?.mp4

54丨自动化上线:有哪些方案可供选择?如何部署?.mp4

55丨代码质量:如何有效提升团队整体的代码质量?.mp4

56丨上线前:如何对HTML5的质量做即时检测?.mp4

57丨上线后:如何进行HTML5的性能和错误监控?.mp4

58丨线上业务:如何进行线上业务的基调监控?.mp4

59丨发版后:如何进行App的性能和错误监控?.mp4

60丨课程总结和后续展望.mp4

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源