极客时间出品的专栏课《前端全链路性能优化实战》作者刘威,新客首单到手价59元,现免费分享

前端全链路性能优化实战

课程介绍

随着Web技术的日新月异,前端工程师的角色愈发重要。他们不仅要精通页面的布局和美化,优化用户的交互体验,还需涉猎后端通信。面对跨平台、跨设备的需求,以及不断更新换代的框架和工具,前端工程师需要持续学习和适应。然而,繁荣的前端生态也带来了更多挑战。

面对复杂多变的页面性能、兼容性和网络问题,前端工程师需要掌握一套全链路问题解决方案。本课程邀请拥有20年经验的唐俊开老师,通过四个部分的内容,帮助学员构建这一方案。首先,基础理论篇将深入剖析前端全链路的三大要素和14条核心路径,为学习者提供一份详尽的学习路线图。随后,全链路核心指标的学习将使学员能够设计出高效的日志数据格式,关联各种前端问题,从而快速定位线上问题的根源。在全链路监控部分,学员将学习如何构建一套故障通知体系,确保系统故障得到及时通知和处理。最后,在优化实战篇中,学员将综合运用前面学到的知识,解决常见的页面故障、性能问题和交互难题。

通过这门课程,学员不仅能够应对各种用户问题和线上故障,还能突破自身能力的天花板,成为全链路问题解决的专家。无论你是前端新手还是资深工程师,这门课程都将为你提供宝贵的经验和知识,助力你在Web技术的海洋中乘风破浪。

课程目录

├── 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

1 directory, 60 files

以上就是极客时间刘威老师的专栏课《前端全链路性能优化实战》的详细介绍了。
本文由提供IT教程网提供,仅供学习交流使用,未经许可,禁止转载!
原课程地址:https://time.geekbang.org/column/intro/100759401,有能力的朋友请支持正版,谢谢!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。