Web Performance Fundamentals

• Understand the core web performance metrics like First Contentful Paint (FCP), Largest Contentful Paint (LCP), and Cumulative Layout Shift (CLS).
• Learn how to optimize each metric to enhance user experience and improve search engine rankings.
• Gain insights into the psychology of web performance and how users perceive wait times.
• Develop the skills to use tools like Lighthouse and the Performance API for measuring and improving web performance.
• Learn to build a performance-focused culture within your organization, ensuring performance is considered from the start of development.

This course provides a comprehensive guide to improving web performance, focusing on modern metrics like Core Web Vitals. You'll explore how to optimize performance through practical examples and tools like Lighthouse and the Performance API. The course also emphasizes the importance of integrating performance into the development process from the beginning, making it a key priority throughout your projects.

• Web developers looking to improve site and application performance.
• Frontend engineers interested in learning modern performance metrics and optimization techniques.
• Teams aiming to integrate performance best practices into their development workflow.
• Developers preparing for Core Web Vitals' impact on SEO and user experience.

• Familiarity with JavaScript, HTML, and CSS.
• Basic understanding of browser developer tools.
• No prior knowledge of web performance metrics is required.

• Introduction to Web Performance: Overview of the importance of web performance, including its impact on user experience and SEO rankings.
• Web Vitals and Metrics: Learn about Core Web Vitals (FCP, LCP, CLS) and how to measure them using tools like Lighthouse and the Chrome UX Report.
• Optimizing Metrics: Practical exercises on improving FCP, LCP, and CLS through techniques like lazy loading, responsive images, and HTTP/2.
• Handling Asynchronous Data: Learn to manage asynchronous operations and preserve state over time using observable streams.
• Building a Performance Culture: Strategies for making performance a core value in your organization, from setting goals to creating a performance budget.