dynamic import

web3templates · Jun 10, 2021 · 51bb181 · 51bb181
1 parent afe8f61
commit 51bb181
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 7 deletions.
diff --git a/components/hero.js b/components/hero.js
@@ -53,6 +53,7 @@ export default function Hero() {
               height="600"
               alt="Hero Illustration"
               layout="intrinsic"
+              loading="eager"
             />
           </div>
         </div>

diff --git a/pages/index.js b/pages/index.js
@@ -1,15 +1,28 @@
 import Head from "next/head";
-import Benefits from "../components/benefits";
 import Hero from "../components/hero";
 import Navbar from "../components/navbar";
 import SectionTitle from "../components/sectionTitle";
+
+import dynamic from "next/dynamic";
+
 import { benefitOne, benefitTwo } from "../components/data";
-import Video from "../components/video";
-import Footer from "../components/footer";
-import Testimonials from "../components/testimonials";
-import Cta from "../components/cta";
-import Faq from "../components/faq";
-import PopupWidget from "../components/popupWidget";
+//import Video from "../components/video";
+// import Benefits from "../components/benefits";
+// import Footer from "../components/footer";
+// import Testimonials from "../components/testimonials";
+// import Cta from "../components/cta";
+// import Faq from "../components/faq";
+//import PopupWidget from "../components/popupWidget";
+
+const Video = dynamic(() => import("../components/video"));
+
+const Benefits = dynamic(() => import("../components/benefits"));
+const Footer = dynamic(() => import("../components/footer"));
+const Testimonials = dynamic(() => import("../components/testimonials"));
+const Cta = dynamic(() => import("../components/cta"));
+const Faq = dynamic(() => import("../components/faq"));
+
+const PopupWidget = dynamic(() => import("../components/popupWidget"));
 
 export default function Home() {
   return (