慕课网

前端性能优化入门与案例实战

最热最新

慕函数9965534 01:25

qing'zh

查看全部

0 采集收起来源：缓存优化
2024-12-12
慕函数9965534 08:38
缓存性能优化
1. 共享缓存
2. 浏览器缓存（私有缓存）
查看全部

0 采集收起来源：缓存优化
2024-12-11
慕函数9965534 11:50
渲染性能优化
浏览器渲染进程
1. 减少页面重排操作
2. 避免样式频繁修改
3. 动画优化
  setTimeout-16.6ms可能会造成卡顿；
  requestAnimation-浏览器隐藏时会停止动画（减少cpu的开销）；
  节流（以一定时间间隔频率进行事件触发）&防抖（一段时间内多次触发的时间只执行一次）；
4. Web Work 多线程
  不能访问js DOM
  大量计算以及同时渲染DOM时
查看全部

0 采集收起来源：渲染优化
2024-12-11
慕函数9965534 08:06
代码压缩的原理
webpack代码压缩js
webpack代码压缩css
构建优化-资源合并
是否把所有的js资源都合并到同一个js文件中？
否
1. js文件过大，首屏加载速度变慢
2. 无法有效的利用浏览器的缓存功能，业务代码改动造成整个js文件改动
3. http2.0协议升级进行一次tcp进行，可以进行多个请求
查看全部

0 采集收起来源：构建优化
2024-12-11
慕函数9965534 02:37

性能优化方案

查看全部

0 采集收起来源：根据生命周期分析性能变慢的原因及性能分析方案
2024-12-11
慕函数9965534 03:28

url输入到页面渲染流程图

查看全部

0 采集收起来源：通过发送请求到页面渲染理解页面的生命周期
2024-12-11
慕用2519941 04:07

压缩CSS

查看全部

0 采集收起来源：构建优化
2024-02-18
慕用2519941 03:32

压缩JS 基于webpack5

查看全部

0 采集收起来源：构建优化
2024-02-18
慕用2519941 00:33

构建性能优化方法涉及点

查看全部

0 采集收起来源：构建优化
2024-02-18
慕用2519941 06:07

图片懒加载方法2

查看全部

0 采集收起来源：加载优化
2024-02-18
慕用2519941 04:01

图片懒加载方法1

查看全部

0 采集收起来源：加载优化
2024-02-18
慕用2519941 02:27

前端一些优化方法

查看全部

0 采集收起来源：根据生命周期分析性能变慢的原因及性能分析方案
2024-02-18
慕用2519941 01:49

页面生命周期-性能分析方案

查看全部

0 采集收起来源：根据生命周期分析性能变慢的原因及性能分析方案
2024-02-18
慕用2519941 01:20

生命周期链路图前端

查看全部

0 采集收起来源：通过发送请求到页面渲染理解页面的生命周期
2024-02-18

weixin_慕数据6077225 02:57

解决前端开发性能问题
招式——》具体的性能优化方案
内力——》理解页面生命周期    就能成为“性能高手”

查看全部

0 采集收起来源：根据生命周期分析性能变慢的原因及性能分析方案

2023-10-07

qq_慕无忌1157295 05:49

懒加载方案一

查看全部

0 采集收起来源：加载优化
2023-07-05
慕后端5054052 00:10

老师讲的很好，挺不错。

查看全部

0 采集收起来源：前端工程师为什么要学性能优化
2023-06-09
马昶之 02:41

优化

查看全部

0 采集收起来源：根据生命周期分析性能变慢的原因及性能分析方案
2023-05-30
马昶之 02:04

优化

查看全部

0 采集收起来源：根据生命周期分析性能变慢的原因及性能分析方案
2023-05-30
马昶之 01:20

链路流转

查看全部

0 采集收起来源：通过发送请求到页面渲染理解页面的生命周期
2023-05-30
慕先生7588865 00:08

44444

查看全部

0 采集收起来源：通过发送请求到页面渲染理解页面的生命周期
2023-05-15
Coding__Cat 07:13

图片懒加载的两种方案：

方案一 getBoundingClientRect

方案二 Intersection Observer

查看全部

0 采集收起来源：加载优化
2023-04-14
Coding__Cat 01:55

输入 URL 到页面渲染链路

查看全部

0 采集收起来源：根据生命周期分析性能变慢的原因及性能分析方案
2023-04-14
weixin_慕设计2131614 00:03

快来咯哦哦哦哦哦哟

查看全部

0 采集收起来源：渲染优化
2023-04-08
weixin_慕设计2131614 05:27

健健康康哦哦哟哟哟

查看全部

0 采集收起来源：加载优化
2023-04-08
weixin_慕设计2131614 03:26

加健健康康哦哦哦哦哦哦哦哦哦哦

查看全部

0 采集收起来源：加载优化
2023-04-08
慕码人5185488 00:17

好的

查看全部

0 采集收起来源：webpagetest介绍
2023-03-23
weixin_慕少2463148

咯工农门口indefensible

查看全部

0 采集收起来源：课程的整体安排
2023-03-22
weixin_慕少2463148 00:02

咯经历过来咯临摹啦

查看全部

0 采集收起来源：前端工程师为什么要学性能优化
2023-03-22

0/150

提交

取消

开始学习

课程须知: 需要具备网络基础知识、前端基础知识

老师告诉你能学到什么？: 可以独立完成对任何一个页面进行性能分析。找出性能瓶颈问题，进行特定的性能分析，并进行性能优化以及结果反馈