bg optimisation

src/App.js

@@ -5,21 +5,19 @@ import "./App.css";
 import { BrowserRouter, Route, Routes } from "react-router-dom";
 
 import ScrollToTop from "./ScrollToTop";
-
-const HomePage = lazy(() => import("./pages/home/HomePage"))
-const TeamTCP = lazy(() => import("./pages/teamTcp/TeamTcp"))
-const Error404 = lazy(() => import("./pages/Error404/Error404"))
-const ContactUs = lazy(() => import("./pages/contactUs/ContactUs"))
-const FAQs = lazy(() => import("./pages/faqs/FAQs"))
-const Events = lazy(() => import("./pages/events/Events"))
-const Speakers = lazy(() => import("./pages/speakers/Speakers"))
+import HomePage from "./pages/home/HomePage"
+import TeamTCP from "./pages/teamTcp/TeamTcp"
+import Error404 from "./pages/Error404/Error404"
+import ContactUs from "./pages/contactUs/ContactUs"
+import FAQs from "./pages/faqs/FAQs"
+import Events from "./pages/events/Events"
+import Speakers from "./pages/speakers/Speakers"
 
 export default class App extends Component {
   render() {
     return (
       <BrowserRouter>
         <ScrollToTop />
-        <Suspense fallback={<div>Loading...</div>}>
           <Routes>
             <Route path="*" element={<Error404 />} />
             <Route path="/" element={<HomePage />} />
@@ -29,7 +27,6 @@ export default class App extends Component {
             <Route path="/events" element={<Events />} />
             <Route path="/speakers" element={<Speakers />} />
           </Routes>
-        </Suspense>
       </BrowserRouter>
     );
   }