diff --git a/client/src/features/editors/Editor.jsx b/client/src/features/editors/Editor.jsx
index 7490f0439..fbbd9e0d5 100644
--- a/client/src/features/editors/Editor.jsx
+++ b/client/src/features/editors/Editor.jsx
@@ -1,15 +1,18 @@
+import { lazy, useEffect } from 'react';
 import { Heading } from '@chakra-ui/layout';
 import { Box } from '@chakra-ui/layout';
 import NumberedText from 'common/components/text/NumberedText';
-import PlaybackControl from '../control/PlaybackControl';
-import MessageControl from '../control/MessageControl';
 import styles from './Editor.module.css';
-import EventListWrapper from './list/EventListWrapper';
 import { useDisclosure } from '@chakra-ui/hooks';
 import SettingsModal from '../modals/SettingsModal';
-import { useEffect } from 'react';
 import MenuBar from 'features/menu/MenuBar';
 
+const EventListWrapper = lazy(() =>
+  import('features/editors/list/EventListWrapper')
+);
+const PlaybackControl = lazy(() => import('features/control/PlaybackButtons'));
+const MessageControl = lazy(() => import('features/control/MessageControl'));
+
 export default function Editor() {
   const { isOpen, onOpen, onClose } = useDisclosure();