search

nuxt / scripts

Third-Party Scripts Meets Nuxt Developer Experience.
https://scripts.nuxt.com
MIT License
271 stars 31 forks source link

Benchmark Real World Sites - Help Wanted #48

Closed harlan-zw closed 3 weeks ago

harlan-zw commented 4 months ago

Nuxt Scripts is feature complete and is pending a public release and public announcement.

A remaining item for the public announcement is providing benchmarks on Nuxt Scripts lowering web vital improvements for any real sites using third parties.

To do this we need data and all my personal sites are only using 1 tracking script from Fathom so I can't benchmark this properly.

I'm looking for anyone who has a site using 2+ Third Party Scripts and / or is loading a YouTube / Google Maps embed to get you set up with Nuxt Scripts, benchmark the before and after and document it here.

If this is you please get in contact with me or try implementing Nuxt Scripts yourself and report the results.

oritwoen commented 4 months ago

What data will you need? Difference in page loading time, difference in average Google Page Speed results? It would be nice if you created some list of global "metrics" to be checked and compared before and after.

I have several clients for whom I work with high traffic on websites where I use Google Analytics, Microsoft Clarity, Facebook Pixel, Youtube etc. on some websites, up to 5 different scripts and I intend to rewrite it to @nuxt/scripts in the coming days so I can collect the data.

jacobpeebles commented 4 months ago

@harlan-zw well be happy to report the results. Working on getting this running now...

harlan-zw commented 3 months ago

@oritwoen Isolated field web vital data would be the gold standard but happy to receive any data you have to share such as Pagespeed Insights scores (or Lighthouse), or Web Vitals if you are recording them anywhere.

@jacobpeebles Look forward to it 🙌

robsonsobral commented 3 months ago

Hi!

I'm running a crowdfunding network for the next Brazilian election. Every campaign can use its own Google Analytics and Meta Pixel, besides the Google Analytics of the platform itself.

I'm implementing it right now, by myself, but I've found a bug on loading the second GA ID and considered to use Nuxt Scripts. is there something I can do to help you?

oritwoen commented 2 months ago

@harlan-zw following on from my earlier comment, I tested the changes and don't see any difference in performance. If there is any, it is marginal, so I will not send the data because before and after they look almost the same and formatting them and creating a good report and readability will take me unnecessary time.

I'm pretty sure the unnoticeable difference is because I use: Cloudflare Zaraz in my projects. I have several scripts plugged into Zaraz and even if I turn off all scripts I still see almost the same results in terms of performance and pagespeed.

Moving scripts from Cloudflare Zaraz to nuxt/scripts does not change performance, does not improve anything in terms of speed, only enables better DX.

harlan-zw commented 2 months ago

Thank you @oritwoen. I'd say Zaraz would indeed have you covered here.

Also worth noting for this issue is that Nuxt Scripts out-of-the-box won't provide any significant performance improvements, I've provided some more context in this issue https://github.com/nuxt/scripts/issues/182