Core Web Vitals
Commulative Layout Shift CLS
The shift that happens on loading of a layout
Try to keep it as less as possible
Largest Contextual Paint LCP
The time taken to load the largest element of the page
2.5 seconds is considered a good LCP
First Contextual Paint FCP
The time taken to load the first element of the page
First Input Delay FID
The time taken to process any input given to the browser
100 milliseconds and less is considered a good FID
Search Engine Optimization
use lighthouse from developer tools
lighthouse geenrates a report
SEOs
- If the title tag truely represents the content of that page
- The Meta tag gives the metadata of the document
it uses the name attribute to specify the type of the metadata and content attribute to give the value/data/description of the specified metadata
for example: name="description" | content="this is some text"
some other forms of name: keyword , viewport
CSS