前端性能优化--6大角度综合型优化方案

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

课程目标

• 渲染优化 深入了解关键渲染路径，减少回流与重绘
• 代码优化 JS的开销&缩短JS解析时间&JS代码优化
• 资源优化 图片加载优化: 懒加载、渐进式图片、响应式图片 字体优化
• 构建优化 基于webpack的代码拆分/资源压缩/资源持久化缓存 React按需加载实现方式
• 传输加载优化 HTTP资源缓存 Service Worker 实现渐进式应用
• 前沿优化解决方案 优化资源加载的顺序/预渲染页面 使用骨架组件减少布局移动(Layout Shift)

课程介绍

• 第1章 课程介绍
  • 介绍这门课程要讲的主要内容，讲解方式、课程主线、以及能有的收获。
• 第2章 性能优化的指标和工具 (告别前端小白，成为大神的必经之路)
  • 本章带大家认识前端优化优化的重要性，了解当前的行业标准，流行的模型和测量工具，以及如何有针对性的进行性能的测量，解读性能报告；还会学习到很多与性能相关的APIs的使用和实用的例子。
• 第3章 渲染优化 (与浏览器为友，共进退)
  • 本章涵盖现代浏览器的渲染原理，详细解读各个环节的作用和相互联系，具体讲解如何减少和避免回流和重绘，还有如何解决布局抖动的问题。
• 第4章 代码优化 (快来看看怎样写出真正高性能的代码)
  • 本章主要了解在代码层面上可以进行的极致优化，涉及JavaScript，CSS和HTML的方方面面；较深的理论知识会做到深入浅出的讲解，让你了解如何配合JS引擎写会可以被它有效优化的代码。
• 第5章 资源优化 (经典性能优化解决方案)
  • 本章学习如何对Web加载的资源进行有效的优化，不仅涉及压缩的知识，还详细讲解一些针对图片、字体类资源本身特性和使用方式不同可以带来的性能提升。
• 第6章 构建优化(揭开webpack性能优化的内幕)
  • 本章讲解基于Webpack项目如何进行全方位的性能优化，让你的企业级应用速度翻倍。以一个基本webpack工程开始，逐项讲解如何进行配置，达到优化的效果。
• 第7章 传输加载优化（前沿技术解决高访问量网站性能优化问题）
  • 本章包括了前沿的网络加载优化技术，从了解现代网络上的问题和多样的流行技术解决方案，给大型、高访问量的网站带来质的飞跃。
• 第8章 前沿优化解决方案
  • 本章在之前章节知识点的基础上，补充了更多流行的Web性能优化技术。以例子为导向掌握用法。
• 第9章 性能优化问题面试指南【能胸有成竹的一步】
  • 本章在之前章节的基础之上，针对当前高频的性能优化相关问题进行剖析，让大家同时了解应对的方法，如何准确理解问题，抓住重点进行作答。
• 第10章 互联网外企offer与立足之道【能不能出国，就看这一章了】
  • 本章向大家介绍互联网外企面试中常见流程和考察重点，同时带来在外企生存的职业经验分享。

课程原地址 (opens new window)

资源下载 (opens new window)提取码： http://dt2.8tupian.net/2/29369a300b200.pg1