#9527

极客时间刘威《前端全链路性能优化实战》由点及面，带你掌握完整的性能优化体系

课程介绍

课程来自于极客时间刘威《前端全链路性能优化实战》由点及面，带你掌握完整的性能优化体系

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

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

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

课程大纲

| ├──01-课程介绍.mp4 20.42M
| ├──02-内容综述.mp4 12.19M
| ├──03-图片优化：如何为不同格式的图片选择合适的应用场景？.mp4 14.06M
| ├──04-图⽚优化：怎样让图片加载得更快？.mp4 16.54M
| ├──05-图片优化：在服务器端进行图片自动优化的原理是什么？.mp4 5.04M
| ├──06-HTML：怎样精简优化HTML的代码结构？.mp4 7.44M
| ├──07-CSS：CSS的优化应该遵循哪些原则？.mp4 10.07M
| ├──08-JavaScript：如何提升JavaScript的执行效率？.mp4 8.00M
| ├──09-JavaScript：如何对JavaScript的缓存进行优化？.mp4 22.12M
| ├──10-JavaScript：如何选择合适的模块化加载方案？.mp4 7.96M
| ├──11-怎样才能减少浏览器的回流和重绘？.mp4 9.37M
| ├──12-DOM编程优化：怎样控制DOM大小并简化DOM操作？.mp4 3.63M
| ├──13-静态文件：有哪些常用的压缩工具？.mp4 4.39M
| ├──14-静态文件：怎样打包才更合理？.mp4 3.63M
| ├──15-静态文件：版本号更新，你应该遵循哪些策略？.mp4 6.05M
| ├──16-构建工具：常用的前端构建工具有哪些？如何选型？.mp4 17.72M
| ├──17-打包优化：提升webpack打包效率的6个小技巧.mp4 13.68M
| ├──18-浏览器渲染：你是否清楚浏览器的渲染过程？.mp4 6.12M
| ├──19-页面渲染：主流的页面渲染技术架构和方案有哪些？.mp4 4.47M
| ├──20-后端同步渲染：JSP是如何同步渲染出页面的？.mp4 12.88M
| ├──21-页面静态化：动态页面静态化要如何实施？.mp4 12.12M
| ├──22-前后端分离：如何正确理解和实现前后端分离？.mp4 9.20M
| ├──23-单页面应用：什么情况下该选择单页面应用？怎样实现？.mp4 10.08M
| ├──24-BigPipe：什么是BigPipe？你了解它的工作原理吗？.mp4 21.97M
| ├──25-同构直出：有哪些主流的同构直出方案？如何选择？.mp4 21.61M
| ├──26-PWA：如何做到媲美原生应用的体验？.mp4 13.84M
| ├──27-页面渲染：怎样选择合理的技术方案？.mp4 4.80M
| ├──28-页面加载：加载策略都有哪些？又该如何选型？.mp4 21.26M
| ├──29-接口优化：如何对接口调用进行优化？.mp4 6.02M
| ├──30-接口优化：如何对接口缓存进行优化？.mp4 5.91M
| ├──31-WebView：如何选择合适的WebView内核？.mp4 27.73M
| ├──32-浏览器优化：如何设置全局WebView？.mp4 16.37M
| ├──33-浏览器优化：如何实现导航栏预加载？.mp4 14.57M
| ├──34-浏览器优化：如何打通登录态？.mp4 30.27M
| ├──35-浏览器优化：如何实现URL预加载？.mp4 6.18M
| ├──36-浏览器优化：如何提升滚动条的使用体验？.mp4 26.35M
| ├──37-浏览器优化：如何对JS-SDK进行优化？.mp4 51.39M
| ├──38-浏览器优化：目前主流的缓存策略有哪些？.mp4 7.60M
| ├──39-HTML5离线化：主流的技术实现方案有哪些？.mp4 6.60M
| ├──40-混合式开发：ReactNative内核及优势介绍.mp4 14.36M
| ├──41-混合式开发：小程序内核及优势介绍.mp4 13.16M
| ├──42-混合式开发：Flutter内核及优势介绍.mp4 9.39M
| ├──43-CDN：如何合理配置CDN缓存？.mp4 12.24M
| ├──44-DNS：主流的DNS优化方法有哪些？.mp4 7.32M
| ├──45-HTTP：如何减少HTTP请求数？.mp4 5.56M
| ├──46-Cookie：减少Cookie大小的策略和益处.mp4 4.23M
| ├──47-服务器：缓存配置和优化方案.mp4 10.43M
| ├──48-服务器：如何开启和配置gzip压缩.mp4 4.10M
| ├──49-HTTPS：如何开启全站HTTPS？.mp4 7.12M
| ├──50-HTTP2：升级HTTP2的好处有哪些？如何升级？.mp4 12.25M
| ├──51-流程优化：如何优化前端团队的研发流程？.mp4 5.33M
| ├──52-协作模式：前端和后端如何开展更高效的合作？.mp4 5.51M
| ├──53-自动化测试：有哪些主流的技术方案？如何选型？.mp4 8.46M
| ├──54-自动化上线：有哪些方案可供选择？如何部署？.mp4 4.80M
| ├──55-代码质量：如何有效提升团队整体的代码质量？.mp4 5.41M
| ├──56-上线前：如何对HTML5的质量做即时检测？.mp4 7.20M
| ├──57-上线后：如何进行HTML5的性能和错误监控？.mp4 7.03M
| ├──58-线上业务：如何进行线上业务的基调监控？.mp4 3.94M
| ├──59-发版后：如何进行App的性能和错误监控？.mp4 5.96M
| ├──60-课程总结和后续展望.mp4 22.38M
| └──课件和Demo地址.txt 0.08kb

jamison普通

收藏 海报 链接