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

以往我们学习和解决前端性能优化问题的时候，往往是在网上搜索一些教程，对某一点进行优化，再或者就是看一些陈旧的教程文章，头痛医头脚痛医脚。这样学来的知识很不系统，也无法进行很好的总结，导致没有沉淀和积累。同时只关注前端 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

收藏 海报分享