Bad performance for web core vitals with Google scripts

[igorjacauna]

I'm having issues in Web Core Vitals. Google scrips is increasing total blocking time. Analysing the HTML the <script> tags has only async attribute and not the defer as guarantee to not block time.

I known this is not a Vuefire issue. That's why I'm posting here in discussions. I need some help to get how avoid Total Blocking Time with this Google scripts been appended in HTML

I'm using Nuxt 3 with nuxt-vuefire. I was thinking to override the module plugins behaviour and use setTimeout to call the initialize*() functions from Firebase with some delay but not sure this would works. I don't known how proper indicate to Google to use defer attribute instead async in scripts tags appended by them

The reCAPTCHA seems to be the villain on this issue. 3 seconds of blocking from it script

[igorjacauna]

Solved by overwriting the nuxt-vuefire module plugin for AppCheck.

Instead to configure the AppCheck in nuxt.config.ts I just copy the client plugin code to my Nuxt 3 project in /plugins/appCheck.client.ts and use page-interaction-listener to just call VueFireAppCheck({ ... }).(firebaseApp, nuxtApp.vueApp) when page receive interaction. This fixed the TBT problem about Google's scripts.