diff --git a/aleksis/apps/chronos/frontend/index.js b/aleksis/apps/chronos/frontend/index.js
index 2080d78cfb8899c06979143304062b724a63d068..6a82e49c3c076c2bd4f40b090f91cea20bc46117 100644
--- a/aleksis/apps/chronos/frontend/index.js
+++ b/aleksis/apps/chronos/frontend/index.js
@@ -1,5 +1,4 @@
 import { hasPersonValidator } from "aleksis.core/routeValidators";
-import Timetable from "./components/Timetable.vue";
 
 import { DateTime } from "luxon";
 
@@ -14,7 +13,7 @@ export default {
   children: [
     {
       path: "timetable/",
-      component: Timetable,
+      component: () => import("./components/Timetable.vue"),
       name: "chronos.timetable",
       meta: {
         inMenu: true,
@@ -27,7 +26,7 @@ export default {
     },
     {
       path: "timetable/:type/:id/",
-      component: Timetable,
+      component: () => import("./components/Timetable.vue"),
       name: "chronos.timetableWithId",
       meta: {
         permission: "chronos.view_timetable_overview_rule",