# Web Performance
- Search Engine spiders can penalize low performant websites.
- Majority of data on a webpage are images these days
- Optimize images you fiz the pages
Let webpages we found and undexxed by spiders easily
# Core Web Vitals
- Visual Stability
- CLS - Cumulative Layout Shift
- Use width and height everywhere.
- we can set them throught CSS as well
- Browser uses aspect-ration setting to calculate height and width if not already defined
LCP - Largest Contentful Paint
What causes LCP delays?
- slow servers
- slow resources load
- client side rendering
Compress images, use better formats
FID - First Input Deplay
- Long tasks queues up on main thread
- Heavy JS bundles
- rendering blocking scripts