前端性能优化–6大角度综合型优化方案(全)

我们常说性能永远是第一需求，作为一个前端工程师，不管使用什么框架，不管从事什么类型的网站或应用开发，只要是项目被用户使用，性能优化就永远是你需要关注的问题。通常情况下，工程师们在深入了解前端技术的原理后，才能总结出性能优化的方案，需要多年经验的积累。前端技术日新月异，优秀的性能优化方案在近几年也层出不穷。本课程，我会带你使用当今行业中非常前沿&专业的方案，解决前端性能优化问题。无论是为了解决工作中的实际问题，还是为了提升能力，这门课都能帮到你。5 m5 }’ y” G” F+ E% B5 {! W& t

〖课程目录〗:
        第1章 课程介绍9 D; V; C/ `* I, N6 d  m) P$ x
        介绍这门课程要讲的主要内容，讲解方式、课程主线、以及能有的收获。% w: _% Q. J* j. i
$ Q# y3 Z$ s” I6 `5 n
         1-1 课程导学 【课程背景，大纲速览】 试看3 B4 M1 e! W’ x; a8 W; m9 i5 \: s) t
        第2章 性能优化的指标和工具 (告别前端小白，成为大神的必经之路)
        本章带大家认识前端优化优化的重要性，了解当前的行业标准，流行的模型和测量工具，以及如何有针对性的进行性能的测量，解读性能报告；还会学习到很多与性能相关的APIs的使用和实用的例子。
$ w0 B2 I5 D+ v! d% E
         2-1 为什么要进行Web性能优化【企业刚需】
         2-2 性能指标和优化目标【了解行业标准】# C# u& \; x* F. L8 |
         2-3 RAIL测量模型【黄金指南】; F1 d3 g1 n/ Q$ F, h* e# O
         2-4 使用WebPageTest评估Web网站性能【快捷好用的在线分析工具】
         2-5 使用LightHouse分析性能【一站式全面呈现性能指标】
         2-6 使用Chrome DevTools分析性能【最大法宝】
         2-7 常用的性能测量APIs【不可不知，打开精细化、自定义测量的大门】 试看0 ^3 q; S+ l( w7 t- g
        第3章 渲染优化 (与浏览器为友，共进退)% e; j$ Y8 P, @) ?9 ~” i: v, U! S5 z
        本章涵盖现代浏览器的渲染原理，详细解读各个环节的作用和相互联系，具体讲解如何减少和避免回流和重绘，还有如何解决布局抖动的问题。: |/ L8 t! x* ]8 ^  i3 }

3-1 浏览器渲染原理和关键渲染路径【大厂前端面试必考】
3-2 回流与重绘, 如何避免布局抖动; T4 h: U3 i0 s+ h7 R
3-3 使用FastDom【防止布局抖动的利器】
3-4 复合线程与图层【深入渲染流水线的最后一站】” C/ y0 f- Q” y; U0 d) m+ [
3-5 避免重绘【必学，加速页面呈现】8 H1 ^) L’ W7 w- e. n/ G
3-6 高频事件防抖【解救页面卡顿的秘药】# g7 A9 z& j- I
3-7 React时间调度实现【中高级前端需要了解的React调度原理】
第4章 代码优化 (快来看看怎样写出真正高性能的代码)
本章主要了解在代码层面上可以进行的极致优化，涉及JavaScript，CSS和HTML的方方面面；较深的理论知识会做到深入浅出的讲解，让你了解如何配合JS引擎写会可以被它有效优化的代码。0 a9 B) n4 r9 u# e
3 ^/ Z; C3 j. M! V2 c: F$ H7 T
4-1 JS开销和如何缩短解析时间【为什么我的JS运行慢】
4-2 配合V8 有效优化代码【路走对了才能快】
4-3 函数优化【必会】 试看9 s3 u’ |# |3 j  j* r  O7 O. b7 ~$ u
4-4 对象优化【JS对象避坑地图】* Q+ H4 S) {+ o
4-5 HTML优化【必会】. [8 v$ L: G/ e
4-6 CSS对性能的影响 【必会】
第5章 资源优化 (经典性能优化解决方案)‘ M. O# O/ I2 ~
本章学习如何对Web加载的资源进行有效的优化，不仅涉及压缩的知识，还详细讲解一些针对图片、字体类资源本身特性和使用方式不同可以带来的性能提升。

第6章 构建优化(揭开webpack性能优化的内幕)
本章讲解基于Webpack项目如何进行全方位的性能优化，让你的企业级应用速度翻倍。以一个基本webpack工程开始，逐项讲解如何进行配置，达到优化的效果。– ^& P6 K& v7 w, f8 R
# o. C5 c, m; `
第7章 传输加载优化（前沿技术解决高访问量网站性能优化问题）4 q9 x9 d* A  R+ D
本章包括了前沿的网络加载优化技术，从了解现代网络上的问题和多样的流行技术解决方案，给大型、高访问量的网站带来质的飞跃。0 s3 Y4 `2 E  T) C3 z7 ]# K
/ e! A* o3 B# Y3 l
第8章 前沿优化解决方案
本章在之前章节知识点的基础上，补充了更多流行的Web性能优化技术。以例子为导向掌握用法。
2 ^4 [; y1 k1 C# x+ J4 g
第9章 性能优化问题面试指南【能胸有成竹的一步】
本章在之前章节的基础之上，针对当前高频的性能优化相关问题进行剖析，让大家同时了解应对的方法，如何准确理解问题，抓住重点进行作答。$ |! {4 m6 J* @. m$ K

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