diff --git a/src/components/app/LeftPanel.vue b/src/components/app/LeftPanel.vue
index 040726c..5bb00d4 100644
--- a/src/components/app/LeftPanel.vue
+++ b/src/components/app/LeftPanel.vue
@@ -26,6 +26,8 @@ import AddFriendPanel from './relationships/AddFriendPanel.vue'
 import OnlineFriends from './relationships/OnlineFriends.vue'
 import OfflineFriends from './relationships/OfflineFriends.vue'
 import RecentFriends from './relationships/RecentFriends.vue'
+
+
 export default {
   components: {
     MyMiniInformation,
diff --git a/src/components/app/Popouts.vue b/src/components/app/Popouts.vue
index 650e568..d6a366b 100644
--- a/src/components/app/Popouts.vue
+++ b/src/components/app/Popouts.vue
@@ -15,13 +15,15 @@
 <script>
 
 //popouts
-import userInformationPopout from "@/components/app/userInformationPopout.vue";
-import Settings from "@/components/app/Settings.vue";
-import TakeSurveyPopout from "@/components/app/TakeSurveyPopout.vue";
-import uploadDialog from "@/components/app/uploadDialog.vue";
-import GDriveLinkMenu from "@/components/app/GDriveLinkMenu.vue";
-import imageLargePreview from "@/components/app/imageLargePreview.vue";
-import DragDropFileUploadDialog from "@/components/app/DragDropFileUploadDialog.vue";
+  const userInformationPopout = () => import('@/components/app/userInformationPopout.vue');
+  const Settings = () => import('@/components/app/Settings.vue');
+  const TakeSurveyPopout = () => import('@/components/app/TakeSurveyPopout.vue');
+  const uploadDialog = () => import('@/components/app/uploadDialog.vue');
+  const GDriveLinkMenu = () => import('@/components/app/GDriveLinkMenu.vue');
+  const imageLargePreview = () => import('@/components/app/imageLargePreview.vue');
+  const DragDropFileUploadDialog = () => import('@/components/app/DragDropFileUploadDialog.vue');
+
+
 
 export default {
   components: {
diff --git a/src/components/app/RightPanel.vue b/src/components/app/RightPanel.vue
index f394bf5..e3f8d59 100644
--- a/src/components/app/RightPanel.vue
+++ b/src/components/app/RightPanel.vue
@@ -100,10 +100,12 @@ import Spinner from "@/components/Spinner.vue";
 import TypingStatus from "@/components/app/TypingStatus.vue";
 import uploadsQueue from "@/components/app/uploadsQueue.vue";
 import emojiSuggestions from "@/components/app/emojiSuggestions.vue";
-import emojiPanel from "@/components/app/emojiPanel.vue";
+// import emojiPanel from "@/components/app/emojiPanel.vue";
 import emojiParser from "@/utils/emojiParser.js";
 import statuses from "@/utils/statuses";
 
+  const emojiPanel = () => import( '@/components/app/emojiPanel.vue' );
+
 export default {
   components: {
     Message,
diff --git a/src/components/app/Settings.vue b/src/components/app/Settings.vue
index ac908d8..0954626 100644
--- a/src/components/app/Settings.vue
+++ b/src/components/app/Settings.vue
@@ -30,9 +30,13 @@
 
 <script>
 import { bus } from "../../main";
-import MyProfile from "./SettingsPanels/MyProfile.vue";
-import ManageEmojis from "./SettingsPanels/ManageEmojis.vue";
-import MessageDesign from "./SettingsPanels/MessageDesign.vue";
+
+
+const MyProfile = () => import( './SettingsPanels/MyProfile.vue' );
+const ManageEmojis = () => import( './SettingsPanels/ManageEmojis.vue' );
+const MessageDesign = () => import( './SettingsPanels/MessageDesign.vue' );
+  
+
 export default {
   components: {
     MyProfile,
diff --git a/src/views/App.vue b/src/views/App.vue
index e126673..16ee862 100644
--- a/src/views/App.vue
+++ b/src/views/App.vue
@@ -52,12 +52,15 @@
 <script>
 import { bus } from "../main";
 import Popouts from "@/components/app/Popouts.vue";
-import LeftPanel from "./../components/app/LeftPanel.vue";
-import RightPanel from "./../components/app/RightPanel.vue";
-import News from "./../components/app/News.vue";
+
 import changelog from '@/utils/changelog.js';
 import ConnectingScreen from "./../components/app/ConnectingScreen.vue";
 
+const News = () => import('./../components/app/News.vue');
+const LeftPanel = () => import('./../components/app/LeftPanel.vue');
+const RightPanel = () => import('./../components/app/RightPanel.vue');
+
+
 export default {
   name: "app",
   components: {