From b8b2472a941102252871074e0c4e81d5f42477d1 Mon Sep 17 00:00:00 2001
From: AykutSarac <aykutsarac0@gmail.com>
Date: Sat, 28 Jan 2023 17:38:17 +0300
Subject: [PATCH] lazy load twitter embed

---
 src/components/GoogleAnalytics/index.tsx | 15 +++++++--------
 src/containers/Home/index.tsx            |  2 +-
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/GoogleAnalytics/index.tsx b/src/components/GoogleAnalytics/index.tsx
index 1351f77..6362a31 100644
--- a/src/components/GoogleAnalytics/index.tsx
+++ b/src/components/GoogleAnalytics/index.tsx
@@ -8,19 +8,18 @@ export const GoogleAnalytics: React.FC = () => {
 
   return (
     <>
+      <Script src="https://www.googletagmanager.com/gtag/js?id=G-JKZEHMJBMH" />
       <Script
-        src="https://www.googletagmanager.com/gtag/js?id=G-JKZEHMJBMH"
-        strategy="afterInteractive"
-      />
-      <Script id="google-analytics" strategy="afterInteractive">
-        {`
+        id="google-analytics"
+        dangerouslySetInnerHTML={{
+          __html: `
           window.dataLayer = window.dataLayer || [];
           function gtag(){dataLayer.push(arguments);}
           gtag('js', new Date());
-        
           gtag('config', 'G-JKZEHMJBMH');
-        `}
-      </Script>
+        `,
+        }}
+      />
     </>
   );
 };
diff --git a/src/containers/Home/index.tsx b/src/containers/Home/index.tsx
index 9010eb0..310d2df 100644
--- a/src/containers/Home/index.tsx
+++ b/src/containers/Home/index.tsx
@@ -201,7 +201,7 @@ const GitHubSection = () => (
           April 27, 2022
         </a>
       </blockquote>{" "}
-      <Script async src="https://platform.twitter.com/widgets.js" charSet="utf-8"></Script>
+      <Script strategy="lazyOnload" src="https://platform.twitter.com/widgets.js"></Script>
     </Styles.StyledTwitterQuote>
     <Styles.StyledSectionArea>
       <Styles.StyledSubTitle>Open Source Community</Styles.StyledSubTitle>