受欢迎的博客标签

Mobile Website series:How to create a Mobile-Friendly Website Using responsive Framework(bootstrap4)

Published

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/