Web Vitals basically consists of 3 parts primarily
1.speed – which measures the loading performance and should be less than 2.5 seconds
2.seo – with measures interactivity at should be less than 100 milliseconds
3.Cumulative Layout Shift (CLS) – which measures visual stability and should be less than 0.1
There are many responsive frameworks out there that you could use for free such as :
1.Foundation 2.Skeleton. 3.Bootstrap
One of the more popular framework is Twitter’s Bootstrap.
Fighting Google Panda, we made our site faster and worked to increase site speed. Site speed and page load times are now an important component of the Google ranking algorithm, which can affect search engine rankings of your site. Since our site was affected by Google Panda, we have been striving to make our site faster for a better user experience. At one time, our site was slower than 94% of all sites on the web!
Customize Bootstrap5 CSS for mobile, reduce css size
Increase Site Speed(FTTB)
1. Use server side caching reduce reponse time
This is the single most important to reduce server load and increase site speed, as it caches your pages as HTML files and speeds page delivery to browser, minimizing calls.
2. Use CDN reduce connect time
Increase Site Speed by 200% Instantly