diff --git a/src/assets/images/home_bg.jpg b/src/assets/images/home_bg.jpg
deleted file mode 100644
index 586ea26..0000000
Binary files a/src/assets/images/home_bg.jpg and /dev/null differ
diff --git a/src/assets/images/home_bg.webp b/src/assets/images/home_bg.webp
new file mode 100644
index 0000000..0a60642
Binary files /dev/null and b/src/assets/images/home_bg.webp differ
diff --git a/src/router/index.js b/src/router/index.js
index 024e18c..2e1d299 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,14 +5,14 @@ import {
 } from '@/i18n.js'
 
 import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/Home.vue'
-import LogsList from '../views/LogsList.vue'
-import LogTemplatesList from '../views/LogTemplatesList.vue'
-import CreateLog from '../views/CreateLog.vue'
-import CreateLogTemplate from '../views/CreateLogTemplate.vue'
-import CameraCapture from '../views/CameraCapture.vue'
-import ManagePhotos from '../views/ManagePhotos.vue'
-import DevView from '../views/DevView.vue'
+const HomeView = () => import('../views/Home.vue')
+const LogsList = () => import('../views/LogsList.vue')
+const LogTemplatesList = () => import('../views/LogTemplatesList.vue')
+const CreateLog = () => import('../views/CreateLog.vue')
+const CreateLogTemplate = () => import('../views/CreateLogTemplate.vue')
+const CameraCapture = () => import('../views/CameraCapture.vue')
+const ManagePhotos = () => import('../views/ManagePhotos.vue')
+const DevView = () => import('../views/DevView.vue')
 
 const routes = [
 	{
diff --git a/src/views/Home.vue b/src/views/Home.vue
index f789ebb..1b8b944 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -84,7 +84,7 @@ export default {
 }
 
 .banner-bg {
-	background-image: url('../assets/images/home_bg.jpg');
+	background-image: url('../assets/images/home_bg.webp');
 	background-size: cover;
 	background-position: center;
 	width: 100%;
diff --git a/vite.config.js b/vite.config.js
index 81031fb..63b1f73 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -13,4 +13,8 @@ export default defineConfig({
 		host: true,
 		port: 8080,
 	},
+	preview: {
+		host: true,
+		port: 8080,
+	},
 })