前端全链路性能优化实战 / 由点及面,带你掌握完整的性能优化体系
刘威
前端架构师
 
  • 课程目录
  • 课程介绍
  • 01 | 课程介绍

  • 02 | 内容综述

  • 03 | 图片优化:如何为不同格式的图片选择合适的应用场景?

  • 04 | 图⽚优化:怎样让图片加载得更快?

  • 05 | 图片优化:在服务器端进行图片自动优化的原理是什么?

  • 06 | HTML:怎样精简优化HTML的代码结构?

  • 07 | CSS:CSS的优化应该遵循哪些原则?

  • 08 | JavaScript:如何提升JavaScript的执行效率?

  • 09 | JavaScript :如何对JavaScript的缓存进行优化?

  • 10 | JavaScript:如何选择合适的模块化加载方案?

  • 11 | 怎样才能减少浏览器的回流和重绘?

  • 12 | DOM编程优化:怎样控制DOM大小并简化DOM操作?

  • 13 | 静态文件:有哪些常用的压缩工具?

  • 14 | 静态文件:怎样打包才更合理?

  • 15 | 静态文件:版本号更新,你应该遵循哪些策略?

  • 16 | 构建工具:常用的前端构建工具有哪些?如何选型?

  • 17 | 打包优化:提升webpack打包效率的6个小技巧

  • 18 | 浏览器渲染:你是否清楚浏览器的渲染过程?

  • 19 | 页面渲染:主流的页面渲染技术架构和方案有哪些?

  • 20 | 后端同步渲染:JSP是如何同步渲染出页面的?

  • 21 | 页面静态化:动态页面静态化要如何实施?

  • 22 | 前后端分离:如何正确理解和实现前后端分离?

  • 23 | 单页面应用:什么情况下该选择单页面应用?怎样实现?

  • 24 | BigPipe:什么是BigPipe?你了解它的工作原理吗?

  • 25 | 同构直出:有哪些主流的同构直出方案?如何选择?

  • 26 | PWA:如何做到媲美原生应用的体验?

  • 27 | 页面渲染:怎样选择合理的技术方案?

  • 28 | 页面加载:加载策略都有哪些?又该如何选型?

  • 29 | 接口优化:如何对接口调用进行优化?

  • 30 | 接口优化:如何对接口缓存进行优化?

  • 31 | WebView:如何选择合适的WebView内核?

  • 32 | 浏览器优化:如何设置全局WebView?

  • 33 | 浏览器优化:如何实现导航栏预加载?

  • 34 | 浏览器优化:如何打通登录态?

  • 35 | 浏览器优化:如何实现URL预加载?

  • 36 | 浏览器优化:如何提升滚动条的使用体验?

  • 37 | 浏览器优化:如何对JS-SDK进行优化?

  • 38 | 浏览器优化:目前主流的缓存策略有哪些?

  • 39 | HTML5 离线化:主流的技术实现方案有哪些?

  • 40 | 混合式开发: React Native内核及优势介绍

  • 41 | 混合式开发:小程序内核及优势介绍

  • 42 | 混合式开发:Flutter内核及优势介绍

  • 43 | CDN:如何合理配置CDN缓存?

  • 44 | DNS :主流的DNS优化方法有哪些?

  • 45 | HTTP:如何减少HTTP请求数?

  • 46 | Cookie :减少Cookie大小的策略和益处

  • 47 | 服务器:缓存配置和优化方案

  • 48 | 服务器:如何开启和配置gzip压缩

  • 49 | HTTPS:如何开启全站HTTPS?

课程背景

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

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

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

讲师简介

刘威,前端架构师

10年来一直从事前端研发方面工作,曾带领团队打造跨终端技术体系、前端监控体系、多终端可视化页面搭建体系、前端性能优化体系等。也曾负责商城 UED 前端架构设计和前端通道建设,从零开始搭建前端⼯程化技术体系,完成商城全站前端基础架构升级,并且研发过日 PV 达到千万到上亿级的超大流量前端项目。除了研发工作,刘威老师还喜欢做一些技术分享,多次在 w3ctech、D2、FEDAY 等技术大会中发表过主题演讲。

课程收获

1.全面解析静态资源优化方案; 2.了解页面渲染架构设计和优化策略; 3.原生 App、服务端及网络优化实战; 4.研发流程优化及全链路监控体系建设。

更新频率

  1. 11 月 27 日上线 1-5 讲,12 月 5 日开始每周四进行一次更新。
  2. 全部课程预计将于 2020 年 2 月 13 日前更新完毕。

如何在电脑端观看视频

  1. 用浏览器访问 https://time.geekbang.org ,登录极客时间账号;
  2. 然后在“讲堂”板块选择“视频课程”标签,点击相应的视频课程即可观看。