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!
1.speed
reduce size
Customize Bootstrap5 CSS for mobile, reduce css size
000
minify content
reduce request
bundles request
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
We have been using Amazon Cloudfront for quite some time and it is an excellent CDN (Content Delivery Network) which we use to offload our static resources like CSS, javascript and theme images to reduce the load on our server. This makes the site faster. MaxCDN is another popular CDN which when combined with TotalCache can send your entire site to a CDN system with compression for ultra-fast loading.
Increase Site Speed by 200% Instantly
https://www.quickonlinetips.com/archives/2012/02/increase-site-speed/