前端全链路性能优化实战
从点到面，带您掌握完整的性能优化系统
对于一个网站来说，保持用户访问的活动非常重要。页面加载是否足够快，操作响应是否及时，直接影响用户体验。前端性能优化的本质是通过各种优化策略和方法来提高前端代码的执行效率。然而，它不仅是前端的东西，也是一个需要在整个链接中研究和解决的问题。
过去，当我们学习和解决前端性能优化的问题时，我们经常在网上搜索一些教程来优化某一点，或者阅读一些旧的教程文章，头痛，头痛和脚痛。这样学到的知识非常不系统，无法很好地总结，导致没有沉淀和积累。只关注前端 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
页面渲染：主流的页面渲染技术架构和方案是什么？.mp4
20-后端同步渲染：JSP如何同步渲染页面？.mp4
21-页面静态化:如何实现动态页面静态化？.mp4
前后端分离：如何正确理解和实现前后端分离？.mp4
23-单页应用程序：在什么情况下应该选择单页应用程序？怎样做？.mp4
24-BigPipe：什么是BigPipe？你知道它的工作原理吗？.mp4
25-同构直出:主流同构直出方案有哪些？如何选择？.mp4
26-PWA：如何实现与原生应用相媲美的体验？.mp4
页面渲染：如何选择合理的技术方案？.mp4
28-页面加载:加载策略有哪些？如何选择类型？.mp4
29-接口优化:如何优化接口调用？.mp4
30-接口优化:如何优化接口缓存？.mp4
31-WebView：如何选择合适的Webview内核？.mp4
浏览器优化：如何设置全局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
[我要扒资料]
