Skip to content

Add Google tag (gtag.js) - Service page (in-order) #89

@vimal-java-dev

Description

@vimal-java-dev
  1. Put Google Tag Manager on every page at the top of the first line of the head tag, for loading first.
  2. 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

Metadata

Metadata

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions