Introduction & Core Concepts

41 lessons in Web Performance

• Browser DevTools for PerformanceSlides / Video
• Intro to Core Performance MetricsSlides / Video
• Why Web Pages Load SlowlySlides / Video
• Frontend vs Backend PerformanceSlides / Video
• Perceived vs Actual PerformanceSlides / Video
• Latency vs Bandwidth BasicsSlides / Video
• Page Load Time as a Performance MeasureSlides / Video
• Request-Response CycleQuiz
• Time to First Byte (TTFB)Quiz
• Introduction to Core Web VitalsQuiz
• Page Load Time BasicsQuiz
• Latency vs BandwidthQuiz
• Round Trip Time (RTT)Quiz
• Client-Side vs Server-SideQuiz
• Browser Caching FundamentalsQuiz
• First Contentful Paint (FCP)Quiz
• What Web Performance MeansQuiz
• Common Causes of Slow PagesQuiz
• Performance and Business ImpactQuiz
• Performance CategoriesQuiz
• Perceived vs Actual PerformanceQuiz
• Critical Rendering PathQuiz
• Performance Measurement ToolsQuiz
• Browser's Rendering RoleQuiz
• Request/Response CycleFlashcard
• Page Weight and Resource SizeFlashcard
• Why Web Performance MattersFlashcard
• Number of Network RequestsFlashcard
• Page Load TimeFlashcard
• Critical Rendering PathFlashcard
• Latency vs BandwidthFlashcard
• Caching as a Core ConceptFlashcard
• Frontend vs Backend PerformanceFlashcard
• Perceived vs Actual PerformanceFlashcard
• Browser Rendering BasicsFlashcard
• Round Trip Time (RTT)Flashcard
• Performance Goals and BenchmarksFlashcard
• What Web Performance MeansFlashcard
• How Browsers Load a PageSlides / Video
• Why Web Performance MattersSlides / Video
• What Web Performance MeansSlides / Video