|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/frontend-performance-engineering/
课程评论：没有评论
课程名称：前端性能工程 课程概述： 本课程主要分为六个模块，深入探讨前端性能工程的各个方面，旨在帮助学员理解并优化网站的性能。 模块1：前端性能工程简介 - 理解前端性能工程的定义及其重要性 - 识别测量性能的关键指标 - 学习性能测量和分析的工具 模块2：理解网络性能基础 - 学习HTTP基础及其对性能的影响 - 了解浏览器渲染过程和关键渲染路径 - 掌握网络性能优化和缓存策略 模块3：优化网络资产 - 研究图像优化，包括格式、压缩和懒加载 - 学习CSS和JavaScript的缩小和打包方法 - 探索有效的字体加载技术和脚本的延迟与异步加载 - 管理第三方脚本及其依赖关系 模块4：响应式网页设计的性能 - 学习响应式设计原则和技术 - 优化视口及使用媒体查询与断点 - 处理自适应图像及媒体 模块5：JavaScript性能优化 - 识别和消除JavaScript瓶颈 - 通过优化算法减少执行时间 - 管理内存和垃圾回收 - 学习异步编程和Promise - 探讨渐进式Web应用（PWAs）对性能的影响 模块6：CSS性能优化 - 使用高效的CSS选择器 - CSS的预处理和后处理 - 生成关键CSS - 利用CSS网格和Flexbox优化性能 - 研究CSS过渡和动画的性能 通过本课程，学员将获得前端性能优化的全面知识和实用技能，从而提升网站的加载速度和用户体验。
Module 1: Introduction to Front-end Performance Engineering1.1 What is Front-end Performance Engineering?1.2 Why Front-end Performance Matters1.3 Key Metrics for Measuring Performance1.4 Tools for Performance Measurement and AnalysisModule 2: Understanding Web Performance Fundamentals2.1 HTTP Basics and Performance Implications2.2 Browser Rendering Process2.3 Critical Rendering Path2.4 Network Performance Optimization2.5 Caching StrategiesModule 3: Optimizing Web Assets3.1 Optimizing Images: Formats, Compression, and Lazy Loading3.2 Minification and Bundling of CSS and JavaScript3.3 Efficient Font Loading Techniques3.4 Defer vs. Async Loading of Scripts3.5 Handling Third-party Scripts and DependenciesModule 4: Responsive Web Design for Performance4.1 Responsive Design Principles and Techniques4.2 Viewport Optimization4.3 Media Queries and Breakpoints4.4 Adaptive Images and MediaModule 5: JavaScript Performance Optimization5.1 Identifying and Eliminating JavaScript Bottlenecks5.2 Reducing Execution Time with Optimized Algorithms5.3 Memory Management and Garbage Collection5.4 Async Programming and Promises5.5 Progressive Web Apps (PWAs) for PerformanceModule 6: CSS Performance Optimization6.1 Efficient CSS Selectors6.2 CSS Preprocessing and Postprocessing6.3 Critical CSS Generation6.4 CSS Grids and Flexbox for Performance6.5 CSS Transitions and Animations
