-
Notifications
You must be signed in to change notification settings - Fork 2
Closed
Description
- Put Google Tag Manager on every page at the top of the first line of the head tag, for loading first.
- Services page (Make order correct) in the section below.
- Services We Offer.
- How These Services Help Your Business
1️⃣ Replace Your Current Font Awesome Line
2️⃣ What This Does
Normal loading (current)
The browser waits for Font Awesome before rendering.
-> HTML → CSS → FontAwesome → Render page
• This blocks rendering.
====================
Optimized loading
HTML → Render page → Load icons after
So your hero section loads immediately.
3️⃣ Why Lighthouse Improves
This trick improves:
- First Contentful Paint
- Largest Contentful Paint
- Render blocking resources
- Performance score
4️⃣ Where To Place It
Inside the head, exactly where your Font Awesome line currently is.
5️⃣ Another Micro-Optimisation (Optional but Good)
Add this near the top of the head:
-> This allows the browser to connect early to the CDN.
6️⃣ Result for Your Portfolio
-> If the site static would be on GitHub Pages, this optimisation works very well.
- Faster page load
- Better Google PageSpeed
- Better Core Web Vitals
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels