So for days, I have been keen on how I could possibly increase the performance of this website, then... Tagged with html, tutorial, css, javascript.

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

The total fontawesome package v5.1 is approximately about 12mb (don't worry, we aren't using all!)

Here's how I increased a website performance by 21%!

How to properly load font-awesome locally

This is still bad advice. By loading the entire FA CSS file you’re introducing a render blocking resource, and Google’s pagespeed analysis will still flag this.
A better way is to use SVG and/or literally cherry pick your icon’s CSS styles and load it inline in the &lt;head&gt; of your site. This is called “critical-inline CSS”.

the content of the article is specific for font awesome while the titile is like a generic cilck bait

No FontAwesome, just inline SVGs 😮‍💨