Thursday, May 4

Load Font Awesome Icons Fast And Asynchronously

Load Font Awesome Icons Fast And Asynchronously

Font Awesome is a font and icon toolkit based on CSS. It was made by Dave Gandy for use with Twitter Bootstrap, and later was incorporated into the BootstrapCDN. Font Awesome has a 20% market share among those websites which use third-party Font Scripts on their platform, ranking it second place after Google Fonts.

Font Awesome provides more than 600+ icons for developers and bloggers to customize there sites/blogs. You can easily access font awesome icons by including a CSS link in your head section but the problem with the CSS link is that it cannot be load asynchronous and contribute to the render-blocking, Which can increase load time of a webpage.

Why Use Font Awesome CDN-Asynchronous Script?
  • It served over the CDN (Content Delivery Network) , Which in returns increase load time.
  • As it is Asynchronous in nature it will not do any render blocking and will load in background quickly.
How To Use Font Awesome Asynchronous Version?

Step1: Go to Font Awesome cdn.

Step2: Enter your email id and click on Send me a code!.

Step3: Open your email account and search for font awesome email.

Step4: Click on Register Your Font Awesome CDN Account and setup your font awesome account.

Step5: After setting up your account Edit your script from your font awesome account and tick on Asynchronous icon loading and save your changes.

Step6: Now, include your edited script code between <head> and </head> in your html and enjoy Asynchronous font awesome icons with fast loading speed.