- What are Core Web Vitals and how do they impact user experience?
- What is the importance of reducing render-blocking resources, and how can you achieve it?
- What are common accessibility barriers on the web?
- How can you improve color contrast for better accessibility?
- What is the purpose of alt text for images?
- How can you reduce the impact of third-party scripts on website performance?
- How can you ensure keyboard accessibility?
- Why is semantic HTML important for accessibility?
- How can you improve the accessibility of forms?
- What is skip navigation and why is it important?
- How can lazy loading improve the performance of a web application?
- What are critical CSS and how do they optimize web performance?
- How does minification help in optimizing web assets?
- What is the purpose of a content delivery network (CDN) in web optimization?
- How does browser caching improve website performance?
- What are the best practices for optimizing images on the web?
- How do HTTP/2 and HTTP/3 features improve web performance?
- What role does server-side rendering (SSR) play in optimizing frontend applications?
- How does code splitting optimize the performance of web applications?
- How do service workers contribute to web performance optimization?
- What are the performance benefits of implementing a PWA?
- How can you optimize Largest Contentful Paint (LCP)?
- What are resource hints (preload, prefetch, preconnect) and when to use them?
- How do you analyze and optimize bundle sizes in modern applications?
- What is the difference between throttling and debouncing, and when should you use each?
- How do useMemo and React.memo optimize React application performance?
- How can Web Workers improve performance by moving computations off the main thread?
- What is tree shaking and how does it optimize bundle sizes?
Estimated time: 10 hours