多课好省

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

manage 1月前 249


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



第1章 课程介绍
介绍这门课程要讲的主要内容,讲解方式、课程主线、以及能有的收获。
    1-1 课程导学 【课程背景,大纲速览】 试看

第2章 性能优化的指标和工具 (告别前端小白,成为大神的必经之路)
本章带大家认识前端优化优化的重要性,了解当前的行业标准,流行的模型和测量工具,以及如何有针对性的进行性能的测量,解读性能报告;还会学习到很多与性能相关的APIs的使用和实用的例子。
    2-1 为什么要进行Web性能优化【企业刚需】
    2-2 性能指标和优化目标【了解行业标准】
    2-3 RAIL测量模型【黄金指南】
    2-4 使用WebPageTest评估Web网站性能【快捷好用的在线分析工具】
    2-5 使用LightHouse分析性能【一站式全面呈现性能指标】
    2-6 使用Chrome DevTools分析性能【最大法宝】
    2-7 常用的性能测量APIs【不可不知,打开精细化、自定义测量的大门】 试看

第3章 渲染优化 (与浏览器为友,共进退)
本章涵盖现代浏览器的渲染原理,详细解读各个环节的作用和相互联系,具体讲解如何减少和避免回流和重绘,还有如何解决布局抖动的问题。
    3-1 浏览器渲染原理和关键渲染路径【大厂前端面试必考】
    3-2 回流与重绘, 如何避免布局抖动
    3-3 使用FastDom【防止布局抖动的利器】
    3-4 复合线程与图层【深入渲染流水线的最后一站】
    3-5 避免重绘【必学,加速页面呈现】
    3-6 高频事件防抖【解救页面卡顿的秘药】
    3-7 React时间调度实现【中高级前端需要了解的React调度原理】

第4章 代码优化 (快来看看怎样写出真正高性能的代码)
本章主要了解在代码层面上可以进行的极致优化,涉及JavaScript,CSS和HTML的方方面面;较深的理论知识会做到深入浅出的讲解,让你了解如何配合JS引擎写会可以被它有效优化的代码。
    4-1 JS开销和如何缩短解析时间【为什么我的JS运行慢】
    4-2 配合V8 有效优化代码【路走对了才能快】
    4-3 函数优化【必会】 试看
    4-4 对象优化【JS对象避坑地图】
    4-5 HTML优化【必会】
    4-6 CSS对性能的影响 【必会】

第5章 资源优化 (经典性能优化解决方案)
本章学习如何对Web加载的资源进行有效的优化,不仅涉及压缩的知识,还详细讲解一些针对图片、字体类资源本身特性和使用方式不同可以带来的性能提升。

第6章 构建优化(揭开webpack性能优化的内幕)
本章讲解基于Webpack项目如何进行全方位的性能优化,让你的企业级应用速度翻倍。以一个基本webpack工程开始,逐项讲解如何进行配置,达到优化的效果。

第7章 传输加载优化(前沿技术解决高访问量网站性能优化问题)
本章包括了前沿的网络加载优化技术,从了解现代网络上的问题和多样的流行技术解决方案,给大型、高访问量的网站带来质的飞跃。

第8章 前沿优化解决方案
本章在之前章节知识点的基础上,补充了更多流行的Web性能优化技术。以例子为导向掌握用法。

第9章 性能优化问题面试指南【能胸有成竹的一步】
本章在之前章节的基础之上,针对当前高频的性能优化相关问题进行剖析,让大家同时了解应对的方法,如何准确理解问题,抓住重点进行作答。

第10章 互联网外企offer与立足之道【能不能出国,就看这一章了】
本章向大家介绍互联网外企面试中常见流程和考察重点,同时带来在外企生存的职业经验分享。

最新回复 (88)
  • dyg6908582 1月前
    引用 2
    看到这样的好资源真是高兴!感谢【多课好省】的无私分享!
  • 28020005200 1月前
    引用 3
    不错的帖子!
  • jiangnnjdhn 1月前
    引用 4
    这资源很香哦!
  • masa 1月前
    引用 5
    真是难得给力的资源啊!支持【多课好省】
  • xlyer2028 1月前
    引用 6
    真是难得给力的资源啊!支持【多课好省】
  • 姚Zz 1月前
    引用 7
    这资源很香哦!
  • dhedknao 1月前
    引用 8
    不错的帖子!
  • jiangnnjdhn 1月前
    引用 9
    非常棒!!!
  • 450829506 1月前
    引用 10
    强烈支持多课好省,多课好省就是给力!
返回