Dive deep into web performance debugging and optimization with this comprehensive guide. Learn practical tips and tricks to improve your website's Core Web Vitals scores and overall user experience.
0:00 Introduction + Demo Page Overview
2:32 Initial Page Analysis
7:00 Investigating Largest Contentful Paint (LCP)
15:08 Fixing LCP Issues
19:28 Validating LCP Fixes
23:27 Investigating Cumulative Layout Shift (CLS)
30:26 Fixing CLS Issues
35:16 Validating CLS Fixes
38:15 Investigating Interaction to Next Paint (INP)
42:52 Fixing INP Issues
43:33 Validating INP Fixes
47:24 Recap and Conclusion
Тэги:
#web_development #core_web_vitals #web_performance #javascript #css