From 78bcd2d07633959e67bec840645953c79aacb95d Mon Sep 17 00:00:00 2001
From: "@yuri_assuncx" <killerkoll2012@gmail.com>
Date: Tue, 5 Sep 2023 17:24:41 -0300
Subject: [PATCH 1/3] perf: adding defer to Analytics

---
 components/Analytics.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Analytics.tsx b/components/Analytics.tsx
index d0c6d601..da1dc4d5 100644
--- a/components/Analytics.tsx
+++ b/components/Analytics.tsx
@@ -67,6 +67,7 @@ export default function Analtyics(
       <script
         type="module"
         id="analytics-script"
+        defer
         dangerouslySetInnerHTML={{
           __html:
             `window.DECO_SITES_STD = { sendAnalyticsEvent: ${sendAnalyticsEvent.toString()} }`,

From 297abe51b3af16203f1d1ddbccc7767a08564dd0 Mon Sep 17 00:00:00 2001
From: "@yuri_assuncx" <killerkoll2012@gmail.com>
Date: Tue, 5 Sep 2023 18:51:13 -0300
Subject: [PATCH 2/3] feat (Analytics): adding property that turns defer
 attribute active

---
 components/Analytics.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/Analytics.tsx b/components/Analytics.tsx
index da1dc4d5..0fb1fe1e 100644
--- a/components/Analytics.tsx
+++ b/components/Analytics.tsx
@@ -23,10 +23,14 @@ export interface Props {
    * @description run GTM directly on the main thread, without Partytown. This is useful for debugging purposes. Default: false
    */
   dangerouslyRunOnMainThread?: boolean;
+  /**
+   * @description turns defer attribute on script true or false. Default: false
+   */
+  isDeferActiveOnScript?: boolean;
 }
 
 export default function Analtyics(
-  { trackingIds, src, dangerouslyRunOnMainThread, googleAnalyticsIds }: Props,
+  { trackingIds, src, dangerouslyRunOnMainThread, googleAnalyticsIds, isDeferActiveOnScript }: Props,
 ) {
   const isDeploy = !!context.isDeploy;
   return (
@@ -67,7 +71,7 @@ export default function Analtyics(
       <script
         type="module"
         id="analytics-script"
-        defer
+        defer={isDeferActiveOnScript}
         dangerouslySetInnerHTML={{
           __html:
             `window.DECO_SITES_STD = { sendAnalyticsEvent: ${sendAnalyticsEvent.toString()} }`,

From 4d263fdcab57a2b65c60a64a79b1c6687571ec58 Mon Sep 17 00:00:00 2001
From: "@yuri_assuncx" <killerkoll2012@gmail.com>
Date: Wed, 6 Sep 2023 14:27:02 -0300
Subject: [PATCH 3/3] fix (Analytics): changing defer to async

---
 components/Analytics.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Analytics.tsx b/components/Analytics.tsx
index 0fb1fe1e..abafbb3c 100644
--- a/components/Analytics.tsx
+++ b/components/Analytics.tsx
@@ -24,13 +24,13 @@ export interface Props {
    */
   dangerouslyRunOnMainThread?: boolean;
   /**
-   * @description turns defer attribute on script true or false. Default: false
+   * @description turns async attribute on script true or false. Default: false
    */
-  isDeferActiveOnScript?: boolean;
+  isAsyncAttributeActiveOnScript?: boolean;
 }
 
 export default function Analtyics(
-  { trackingIds, src, dangerouslyRunOnMainThread, googleAnalyticsIds, isDeferActiveOnScript }: Props,
+  { trackingIds, src, dangerouslyRunOnMainThread, googleAnalyticsIds, isAsyncAttributeActiveOnScript }: Props,
 ) {
   const isDeploy = !!context.isDeploy;
   return (
@@ -71,7 +71,7 @@ export default function Analtyics(
       <script
         type="module"
         id="analytics-script"
-        defer={isDeferActiveOnScript}
+        async={isAsyncAttributeActiveOnScript}
         dangerouslySetInnerHTML={{
           __html:
             `window.DECO_SITES_STD = { sendAnalyticsEvent: ${sendAnalyticsEvent.toString()} }`,