课时01

课程介绍

课时02

设备模式

课时03

元素面板

课时04

控制台面板

课时05

Sources 面板

课时06

Network-perserve log

课时07

Network-throttling

课时08

Network-timing

课时09

Lighthouse 性能指标-FCP

课时10

性能指标-SI/LCP

课时11

性能指标 - TBT

课时12

扩展: 时间分片

课时13

性能指标 - CLS

课时14

性能指标 - TTI

课时15

前置知识：输入URL到页面展示这个中间发生了什么？

课时16

前置知识：渲染原理

课时17

浏览器的回流与重绘 (Reflow & Repaint)

课时18

Web Components：构建现代、可维护的 Web 应用

课时19

web component （二） LitElement入门指南

课时20

前置知识：V8编译原理

课时21

前置知识：throttle与debounce

课时22

前置知识：What is a closure？

课时23

前置知识：如何选择合适的模块化加载方案？

课时24

提升JavaScript执行效率

课时25

提升JavaScript执行效率(隐藏类)

课时26

提升JavaScript执行效率(web worker)

课时27

分层解析Promise 的实现原理

课时28

首屏渲染优化-骨架屏

课时29

精简优化HTML代码结构

课时30

CSS 优化原则

课时31

新手常见的DOM误区及操作实践

课时32

图片优化：不同格式图片的应用场景

课时33

图片优化-延迟加载图片资源

课时34

图片优化-怎么让图片加载更快

课时35

图片服务器 自动优化揭秘

课时36

番外：模块（Modules）概念全解析

课时37

webpack 打包原理流程解析

课时38

@babel/parser 解析入口文件获取 AST

课时39

@babel/traverse 分析入口文件依赖模块

课时40

@babel/core 和 @babel/preset-env

课时41

dependencyGraph生成依赖关系图

课时42

重写 require 函数,输出 bundle

课时43

webpack性能优化-v1.x与v2.x区别

课时44

webpack性能优化-v2.x与v3.x区别

课时45

webpack性能优化-v3.x与v4.x区别

课时46

关于 webpack5.x 那些事

课时47

Webpack 性能优化实践 构建篇

课时48

Webpack 性能优化实践 打包篇

课时49

vite三部曲-什么是vite？

课时50

vite 三部曲-为什么选择vite？

课时51

vite三部曲-vite 具体解决了什么问题？

课时52

vite核心原理-预构建依赖

课时53

为什么esbuild预构建这么快？

课时54

服务器端优化 开启GZIP压缩功能

课时55

HTTP keep-alive

课时56

HTTP - 基础概念

课时57

HTTP - 常见状态码

课时58

HTTP - 常见字段

课时59

HTTP - 缓存技术

课时60

HTTPS 解决了 HTTP 的哪些问题

课时61

HTTPS 摘要算法与数字证书

课时62

HTTP1.1、HTTP2、HTTP3 演变

课时63

Vue 2.x 和 Vue 3 的版本特点和区别

课时64

template 编译到 AST 过程是怎么样的(一)

课时65

template 编译到 AST 过程是怎么样的(二)

课时66

template 编译到 AST 过程是怎么样的(三)

课时67

template 编译到 AST 过程是怎么样的(四)

课时68

template 编译到 AST 过程是怎么样的(五)

课时69

Vue2 响应式系统设计

课时70

Vue2 响应式系统设计（二）

课时71

vue3 响应式系统的设计

课时72

vue3 响应式系统的设计（二）

课时73

Virtual DOM到 真实DOM的转变

课时74

vue3 Teleport 实现原理

课时75

完整的diff 算法全流程 （上）

课时76

完整的diff 算法全流程 （中）

课时77

完整的diff 算法全流程 （下）

课时79

Vue 性能优化实践方案