Most simple way to load JS and CSS resources asynchronously and boost page insight speed
Most simple way to load Javascript, images and CSS resources asynchronously and boost page insight speed and increase the website’s SEO scores. Just adding the AsyncBee.js file and changing the attributes will boost the Google’s page insight speed from any score to 95 ~ 100. AsyncBee delays the resource to load up and synchronously loads the Javascript and other resource is right order without making any dependency errors. AsyncBee is very flexible and comes with a prebuild loading animation which can be fully customized.
You can use the Jquery CDN :
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
First of all we need to download AsyncBee.js file from this GitHub repository or if you don’t want to include files in your project, you may use it from CDN :
<script src='https://cdn.jsdelivr.net/gh/Niyko/AsyncBee/AsyncBee.js'></script>
After that we need to include AsyncBee.js files to our website/app. In your html file:
<!DOCTYPE html><html lang="en"><head>...<script src="path/to/AsyncBee.js"></script></head><body>...</body></html>
src and href attributeReplace all your src attribute in