课程简介:
本课程是一套全面的前端性能优化教程。涵盖服务端性能优化、缓存策略、浏览器存储、重绘与回流、懒加载与预加载、CSS 和 JS 装载执行、图片优化以及资源合并与压缩等多个重要主题。通过丰富的实战演练、案例解析和基础理论讲解,帮助前端开发者掌握提升前端性能的关键方法和技巧,打造更高效、流畅的前端应用。
课程目录:
workspace
9-3 服务端性能优化-3 .mp4
9-2 服务端性能优化-2 .mp4
9-1 服务端性能优化-1 .mp4
8-8 缓存8-实战2 .mp4
8-7 缓存7-实战1 .mp4
8-6 缓存6-流程图 .mp4
8-5 缓存5-案例解析 mp4
8-4 缓存4-Etag-If-None-Match.mp4
8-3 缓存3-Last-Modified-If-Modified-Since .mp4
8-2 缓存2 .mp4
8-1 缓存1.mp4
7-9 浏览器存储-IndexeDB-基础操作-创建打开、关闭删除 .mp4
7-8 浏览器存储-实战演练-cookie、 localstorge、sessionStorge.mp4
7-7 浏览器存储-案例解析 .mp4
7-6 浏览器存储-PWA与Service Workers.mp4
7-5 浏览器存储-Service Workers产生的意义 .mp4
7-4 浏览器存储-案例解析 .mp4
7-3 浏览器存储-IndexedDB .mp4
7-2 浏览器存储-LocalStorage、SessionStorage .mp4
SessionStorage .mp4
7-2 浏览器存储-LocalStorage、
7-13 浏览器存储-Service Workers-如何实现Service Workers主页面之间的通信 .mp4
7-12 浏览器存储-Service Workers-离线应用 .mp4
7-11 浏览器存储-IndexeDB-事务 ,mp4
7-10 浏览器存储-IndexeDB-基础操作 .mp4
7-1 浏览器存储-cookies .mp4
6-9 重绘与回流- 实战演练 3 .mp4
6-8 重绘与回流- 实战演练 2 .mp4
6-7 重绘与回流- 实战演练 1 .mp4
6-6 重绘与回流- 实战优化点总结.mp4
6-5 重绘与回流-案例解析- chrome 浏览器自动创建图层 layer .mp4
6-4 重绘与回流-案例解析-重绘、回流及图层 .mp4
6-3 重绘与回流-避免重绘回流的两种方法 .mp4
6-2 重绘与回流-什么是重绘与回流 .mp4
6-14 重绘与回流- 实战演练 8,9 .mp4
6-13 重绘与回流- 实战演练 7 .mp4
6-12 重绘与回流- 实战演练 6 .mp4
6-11 重绘与回流- 实战演练 5.mp4
6-10 重绘与回流- 实战演练 4 .mp4
6-1 重绘与回流-css 性能让 Javacript 变慢? .mp4
5-5 懒加载与预加载-预加载原生 js 和 PreloadJS 实现 .mp4
5-4 懒加载与预加载-懒加载原生 js 和 zepto .lazyload.mp4
5-3 懒加载与预加载-懒加载、预加载使用场景 .mp4
5-2 懒加载与预加载-预加载原理 .mp4
5-1 懒加载与预加载-懒加载原理 .mp4
4-4 .mp4
4-4 Css和is的装载与执行-CSs 阻塞和 is 阻.mp4
4-3 css和js的装载与执行-顺序执行、并发加载 .mp4
4-2 css和is的装载与执行-HTML 演染过程的一些特点.mp4
4-1 Css和js的装载与执行-HTML 页面加载迫染的过程 .mp4
3-7 图片相关的优化- 图片压缩实战(下) 雪碧图、svg .mp4
3-6 图片相关的优化- 图片压缩实战(上) webp、inline-image .mp4
3-5 图片相关的优化- 图片压缩案例分析.mp4
3-4 图片相关的优化- 图片压缩几种方法-雪碧图、Image inline.mp4
3-3 图片相关的优化- 不同格式图片常用的业务场景 .mp4
3-2 图片相关的优化- png8、png24、png32之间的区别.mp4
3-1 图片相关的优化- 一张]PG图片的解析过程 .mp4
2-8 资源合并与压缩-总结.mp4
2-7 资源合并与压缩-实战-fis3 构建工具自动压缩合并-实操.mp4
2-6 资源合并与压缩-实战-fis3 构建工具自动压缩合并-流程.mp4
2-5 资源合并与压缩-实战-在线工具压缩mp4
2-4 资源合并与压缩-文件合并.mp4
2-3 资源合并与压缩-css 及 js压缩,mp4
2-2 资源合并与压缩-html 压缩.mp4
2-1 资源合并与压缩-http 清求的过程及潜在的性能优化点.mp4
1-1 课程简介.mp4