No performance gain using GTM / Google Analytics

[ejerskov]

📚 What are you trying to do?

As I understand it, @nuxt/script should give better performance using the embedded third-party scripts.

However when I use GTM or GoogleAnalytics I see the same hit in PageSpeed reports as using the "vanilla" scripts:

I've done the simple implementation of adding this in my App.vue:
GTM:

useScriptGoogleTagManager({
  id: 'GTM-WHHKRNTJ',
})

Google Analytics:

useScriptGoogleAnalytics({
  id: 'G-0HXKBMGTW0',
})

Have I misunderstood the concept of this package?

🔍 What have you tried?

No response

ℹ️ Additional context

No response

[melasculla]

for me the same

$production: {
    scripts: {
      registry: {
        googleTagManager: {
          scriptOptions: {
            tagPosition: 'bodyClose',
          },
          id: id,
        }
      }
    }
  }

[harlan-zw]

Hi, thanks for the issue. You should understand that Nuxt Scripts's performance optimizations are micro at best, they just allow Nuxt to start before loading in other scripts.

The fact is you're still loading in 104kb of scripts just for GTM, for reference Nuxt itself is only like ~50kb iirc.

My suggestion is to drop GTM if you're only using it as a container for GA, then wait for either one of these that will provide significant improvements:

• Investigate offloading entire scripts as a server proxy #87
• Add web worker support (Partytown) #182

[ejerskov]

Ok, thanks for clearing that up @harlan-zw.

I ended up implementing partytown instead of @nuxt/scripts but will look forward to it being embedded.

[awdr74100]

@ejerskov Can you tell me the specific implementation details of partytown? As far as I know, @nuxtjs/partytown has a lot of bugs.