Frontend Performance Engineering

Home : Book details : Book description

Description of Frontend Performance Engineering

Performance Engineering, Performance Testing
What you'll learn:
INTRODUCTION OF FRONTEND PERFORMANCE ENGINEERING
UNDERSTANDING WEB PERFORMANCE FUNDAMENTALS
OPTIMIZING WEB ASSETS
RESPONSIVE WEB DESIGN FOR PERFORMANCE
j?vascript PERFORMANCE OPTIMIZATION
CSS PERFORMANCE OPTIMIZATION
LIVE DEMO
Requirements:
No Programming experience required
Description:
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 j?vascript3.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: j?vascript Performance Optimization5.1 Identifying and Eliminating j?vascript 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
Who this course is for:
Performance Testers
Performance Engineers
Chaos Engineers