对于一个网站来说,保持用户访问的活跃度是至关重要的,页面加载是否够快,操作响应是否及时,直接影响着用户的体验感。通过各种优化策略和优化方法,提高前端代码执行效率,便是前端性能优化的本质。不过,它并不只是前端的事情,这是一个需要在全链路上进行研究和解决的难题。
以往我们学习和解决前端性能优化问题的时候,往往是在网上搜索一些教程,对某一点进行优化,再或者就是看一些陈旧的教程文章,头痛医头脚痛医脚。这样学来的知识很不系统,也无法进行很好的总结,导致没有沉淀和积累。同时只关注前端 CSS、JavaScript 技术本身的优化,一但涉及到 App、后端、网络等不是很熟悉的领域,你就变得束手无策了。
├──-前端全链路性能优化实战
| ├──01丨课程介绍_,dbbp.net[2].mp4 45.04M
| ├──02丨内容综述_,dbbp.net[2].mp4 29.96M
| ├──03丨图片优化:如何为不同格式的图片选择合适的应用场景?_,dbbp.net[2].mp4 22.87M
| ├──04丨图优化:怎样让图片加载得更快?_,dbbp.net[2].mp4 31.99M
| ├──05丨图片优化:在服务器端进行图片自动优化的原理是什么?_,dbbp.net[2].mp4 14.55M
| ├──06丨HTML:怎样精简优化HTML的代码结构?_,dbbp.net[2].mp4 14.03M
| ├──07丨CSS:CSS的优化应该遵循哪些原则?_,dbbp.net[2].mp4 15.19M
| ├──08丨JavaScript:如何提升JavaScript的执行效率?_,dbbp.net[2].mp4 13.79M
| ├──09丨JavaScript:如何对JavaScript的缓存进行优化?_,dbbp.net[2].mp4 35.38M
| ├──10丨JavaScript:如何选择合适的模块化加载方案?_,dbbp.net[2].mp4 18.38M
| ├──11丨怎样才能减少浏览器的回流和重绘?_,dbbp.net[2].mp4 13.58M
| ├──12丨DOM编程优化:怎样控制DOM大小并简化DOM操作?_,dbbp.net[2].mp4 6.57M
| ├──13丨静态文件:有哪些常用的压缩工具?_,dbbp.net[2].mp4 6.81M
| ├──14丨静态文件:怎样打包才更合理?_,dbbp.net[2].mp4 6.91M
| ├──15丨静态文件:版本号更新,你应该遵循哪些策略?_,dbbp.net[2].mp4 8.53M
| ├──16丨构建工具:常用的前端构建工具有哪些?如何选型?_,dbbp.net[2].mp4 34.03M
| ├──17丨打包优化:提升webpack打包效率的6个小技巧_,dbbp.net[2].mp4 27.46M
| ├──18丨浏览器渲染:你是否清楚浏览器的渲染过程?_,dbbp.net[2].mp4 13.18M
| ├──19丨页面渲染:主流的页面渲染技术架构和方案有哪些?_,dbbp.net[2].mp4 10.76M
| ├──20丨后端同步渲染:JSP是如何同步渲染出页面的?_,dbbp.net[2].mp4 25.02M
| ├──21丨页面静态化:动态页面静态化要如何实施?_,dbbp.net[2].mp4 24.60M
| ├──22丨前后端分离:如何正确理解和实现前后端分离?_,dbbp.net[2].mp4 16.59M
| ├──23丨单页面应用:什么情况下该选择单页面应用?怎样实现?_,dbbp.net[2].mp4 18.33M
| ├──24丨BigPipe:什么是BigPipe?你了解它的工作原理吗?_,dbbp.net[2].mp4 38.12M
| ├──25丨同构直出:有哪些主流的同构直出方案?如何选择?_,dbbp.net[2].mp4 33.45M
| ├──26丨PWA:如何做到媲美原生应用的体验?_,dbbp.net[2].mp4 21.13M
| ├──27丨页面渲染:怎样选择合理的技术方案?_,dbbp.net[2].mp4 6.95M
| ├──28丨页面加载:加载策略都有哪些?又该如何选型?_,dbbp.net[2].mp4 33.04M
| ├──29丨接口优化:如何对接口调用进行优化?_,dbbp.net[2].mp4 7.97M
| ├──30丨接口优化:如何对接口缓存进行优化?_,dbbp.net[2].mp4 8.76M
| ├──31丨WebView:如何选择合适的WebView内核?_,dbbp.net[2].mp4 45.22M
| ├──32丨浏览器优化:如何设置全局WebView?_,dbbp.net[2].mp4 26.59M
| ├──33丨浏览器优化:如何实现导航栏预加载?_,dbbp.net[2].mp4 21.38M
| ├──34丨浏览器优化:如何打通登录态?_,dbbp.net[2].mp4 48.18M
| ├──35丨浏览器优化:如何实现URL预加载?_,dbbp.net[2].mp4 8.85M
| ├──36丨浏览器优化:如何提升滚动条的使用体验?_,dbbp.net[2].mp4 50.63M
| ├──37丨浏览器优化:如何对JS-SDK进行优化?_,dbbp.net[2].mp4 85.56M
| ├──38丨浏览器优化:目前主流的缓存策略有哪些?_,dbbp.net[2].mp4 10.08M
| ├──39丨HTML5 离线化:主流的技术实现方案有哪些?_,dbbp.net[2].mp4 9.42M
| ├──40丨混合式开发: React Native内核及优势介绍_,dbbp.net[2].mp4 21.27M
| ├──41丨混合式开发:小程序内核及优势介绍_,dbbp.net[2].mp4 18.82M
| ├──42丨混合式开发:Flutter内核及优势介绍_,dbbp.net[2].mp4 16.83M
| ├──43丨CDN:如何合理配置CDN缓存?_,dbbp.net[2].mp4 15.95M
| ├──44丨DNS :主流的DNS优化方法有哪些?_,dbbp.net[2].mp4 10.15M
| ├──45丨HTTP:如何减少HTTP请求数?_,dbbp.net[2].mp4 8.63M
| ├──46丨Cookie :减少Cookie大小的策略和益处_,dbbp.net[2].mp4 5.19M
| ├──47丨服务器:缓存配置和优化方案_,dbbp.net[2].mp4 12.57M
| ├──48丨服务器:如何开启和配置gzip压缩_,dbbp.net[2].mp4 5.47M
| ├──49丨HTTPS:如何开启全站HTTPS?_,dbbp.net[2].mp4 9.18M
| ├──50丨HTTP2 :升级HTTP2的好处有哪些?如何升级?_,dbbp.net[2].mp4 17.87M
| ├──51丨流程优化:如何优化前端团队的研发流程?_,dbbp.net[2].mp4 8.78M
| ├──52丨协作模式:前端和后端如何开展更高效的合作?_,dbbp.net[2].mp4 8.37M
| ├──53丨自动化测试:有哪些主流的技术方案?如何选型?_,dbbp.net[2].mp4 11.83M
| ├──54丨自动化上线:有哪些方案可供选择?如何部署?_,dbbp.net[2].mp4 6.41M
| ├──55丨代码质量:如何有效提升团队整体的代码质量?_,dbbp.net[2].mp4 8.43M
| ├──56丨上线前:如何对HTML5的质量做即时检测?_,dbbp.net[2].mp4 11.84M
| ├──57丨上线后:如何进行HTML5的性能和错误监控?_,dbbp.net[2].mp4 10.34M
| ├──58丨线上业务:如何进行线上业务的基调监控?_,dbbp.net[2].mp4 5.41M
| ├──59丨发版后:如何进行App的性能和错误监控?_,dbbp.net[2].mp4 9.37M
| └──60丨课程总结和后续展望_,dbbp.net[2].mp4 41.73M
评论0