02
13
06
43
首页 实战 前端性能优化企业级解决方案 6大角度+大厂视野
收藏

前端性能优化,掌握行业实用、专业、前沿的解决方案

只要项目还在用,性能优化永远是时刻要关注的问题

前端性能优化企业级解决方案 6大角度+大厂视野

距离活动结束
2天
13
06
46
已完结 难度 中级 时长 12小时 学习人数 1109 综合评分 9.99

性能优化是一个前端必然会面对的问题。前端技术日新月异,优秀的性能优化方案在近几年也层出不穷。本课程,我会带你使用当今行业中非常前沿&专业的方案,解决前端性能优化问题。

Mr_Max
讲师

资深架构师

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

性能永远是第一需求 能够解决性能问题的人才永远是香饽饽

只要比别人掌握更多的性能优化方案,你就比别人更有竞争力

项目越大,对性能要求越高
企业级项目标配
大厂项目,性能永远是第一需求
没有做性能优化的项目,都不是企业级的
中高级开发者能力标准
懂性能才能对技术更理解
不懂性能优化,永远成不了高级工程师
每一个技术,背后的原理一定和性能有关联

世界500强架构师,拿出压箱底前端性能优化方案

大牛总结性能优化方案用了10年,而你只需要这一门课

性能优化的指标和工具
性能指标和
优化目标
RAIL测量模型
WebPageTest评估
网站性能
使用LightHouse
分析性能
使用Chrome DevTools
分析性能
常用的性能测量APIs
渲染优化
现代浏览器网页渲染原理——大厂面试考点
深入了解关键渲染路径,减少回流与重绘
防止布局抖动(Layout Thrashing)
GPU加速避免重绘,加速页面呈现
代码优化
JS的开销&缩短JS解析时间&JS代码优化
前端修仙之路 - V8编译原理
HTML优化-前端必知必会
CSS优化-现代优化方案
资源优化
资源的合并与压缩
图片格式的选择: JPG vs PNG vs WebP
图片加载优化: 懒加载、渐进式图片、响应式图片
字体优化
构建优化
webpack的优化配置
webpack的依赖优化
基于webpack的代码拆分/资源压缩/资源持久化缓存
React按需加载实现方式
传输加载优化
必学必会: Gzip& Keep Alive
HTTP资源缓存
Service Worker 实现渐进式应用
HTTP/2加速传输
SSR加速渲染
前沿优化解决方案
拯救移动端图标 – SVG/Flexbox优化布局
优化资源加载的顺序/预渲染页面
Windowing(窗口化)提高列表性能
使用骨架组件减少布局移动(Layout Shift)

性能优化---晋级提升的尚方宝剑

前端的流行技术的“内幕”+技术背后的优秀设计思想+一线大厂正在使用的前沿解决方案

01
世界500强架构师
带来大师级性能优化思维
04
测量工具+解决方案(专业!)
了解行业性能标准,针对性解决
02
详解性能优化大厂方案
学完拿去用在自己的项目中
05
对比学生实例
看到性能解决方案之间的差距
03
搞定性能优化面试问题
互联网公司面试点+实际应用
06
学习大牛思维
提高能力的捷径就是跟随大牛

学员专享增值服务

问答专区
讲师集中答疑
关于课程的问题都可在问答区随时提
问,讲师会进行集中答疑
源码开放
提供完整代码
课程案例代码完全开放给你,你可以根据
所学知识,自行修改、优化

环境参数

  • webpack 4.43
  • Babel 7.10
  • node 11

万事俱备 只等你来

  • 寻光_061

    好评

    以前也看过很多关于性能优化的文章,但这门课让我觉得最有价值的点在于"量化",并且告诉你这样做的背后原理是什么。讲师的授课风格也非常让人觉得舒服,是一门很有价值前端进阶课。

  • 希卡利

    好评

    太强了,都是一些,平常很少接触到知识。 刷新了我对性能优化的理解。 以前以为性能优化仅仅就是一些压缩图片、压缩文件、dom操作放一起之类的,完全没想能有这么多门道。

  • 奕初

    好评

    以前对于性能优化都是片面的,都是看碎片化学习,这门课系统的介绍性能优化的各个方面,刷新了对性能优化的认知

查看全部341条用户评价
提问

  • 0

    请问会有真实代码实现么

    亲,您好~会有的哦。祝您学习愉快~


  • 2

    课程是实战项目么

    亲,您好~这门课程以一个项目为主线,将经典和前沿的性能优化方案一一进行应用。 这里并不是从头开始实现一个业务项目,而是从一个典型的性能不佳的项目开始入手,分析问题,应用正确有效的优化方案,实战的同时还能搞懂原理。 这门课最适合前端工程师进阶。祝您学习愉快~


  • 1

    没有学过react,只会vue可以看懂吗

    亲,您好~可以的,框架之间很多东西是相通的,相信你只需要花一点时间了解一下react基本语法就可以了。课程重点讲的是性能优化,不是react。涉及的一些插件,也都有对应的vue版本。祝您学习愉快~


  • 1

    请问下可以用Tensorflow.js开发个模块打包供给前端项目使用吗

    亲,您好~Tensorflow的使用不是本课程涉及内容。祝您学习愉快~


  • 1

    老师这门课可以补充EvnetLoop吗

    亲,您好~同学你好,eventLoop确实是非常重要的理论基础知识,但是因为是实战课,我们按要求没有包含纯理论的东西。其实event loop主要搞清宏任务,微任务,可以看下这篇文章:https://www.jianshu.com/p/de7aba994523。如果有什么具体不明白的点,欢迎在课程里提问。祝您学习愉快~


  • 1

    跟安卓app有什么联系吗?

    亲,您好~这门课程是针对web前端的性能优化课程。如果你在app开发中涉及web相关的开发内容,会帮到你。祝您学习愉快~

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题