Problem
index.html loads Font Awesome twice — once as CSS (correct) and once as JS (redundant):
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/js/all.min.js"></script>
The JS version converts icons to inline SVGs at runtime — it is heavier and unnecessary when the CSS version is already present. This adds ~200KB of JS parsing overhead on every page load.
Fix
Remove the <script> tag for Font Awesome JS. Keep only the CSS <link>.
Problem
index.htmlloads Font Awesome twice — once as CSS (correct) and once as JS (redundant):The JS version converts icons to inline SVGs at runtime — it is heavier and unnecessary when the CSS version is already present. This adds ~200KB of JS parsing overhead on every page load.
Fix
Remove the
<script>tag for Font Awesome JS. Keep only the CSS<link>.