前端全链路性能优化实战【完结】

摘要：  前端全链路性能优化实战由点及面，带你掌握完整的性能优化体系对于一个网站来说，保持用户访问的活跃度是至关重要的，页面加载是否够快，操作响应是否及时，直接影响着用户的体验感...

 前端全链路性能优化实战

由点及面，带你掌握完整的性能优化体系

对于一个网站来说，保持用户访问的活跃度是至关重要的，页面加载是否够快，操作响应是否及时，直接影响着用户的体验感。通过各种优化策略和优化方法，提高前端代码执行效率，便是前端性能优化的本质。不过，它并不只是前端的事情，这是一个需要在全链路上进行研究和解决的难题。

以往我们学习和解决前端性能优化问题的时候，往往是在网上搜索一些教程，对某一点进行优化，再或者就是看一些陈旧的教程文章，头痛医头脚痛医脚。这样学来的知识很不系统，也无法进行很好的总结，导致没有沉淀和积累。同时只关注前端 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-混合式开发：ReactNative内核及优势介绍.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-HTTP2：升级HTTP2的好处有哪些？如何升级？.mp4

51-流程优化：如何优化前端团队的研发流程？.mp4

52-协作模式：前端和后端如何开展更高效的合作？.mp4

53-自动化测试：有哪些主流的技术方案？如何选型？.mp4

54-自动化上线：有哪些方案可供选择？如何部署？.mp4

55-代码质量：如何有效提升团队整体的代码质量？.mp4

56-上线前：如何对HTML5的质量做即时检测？.mp4

57-上线后：如何进行HTML5的性能和错误监控？.mp4

58-线上业务：如何进行线上业务的基调监控？.mp4

59-发版后：如何进行App的性能和错误监控？.mp4

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

课件和Demo地址.txt