diff --git a/assets/index.scss b/assets/index.scss
index 26271d9..c8223c0 100644
--- a/assets/index.scss
+++ b/assets/index.scss
@@ -3,7 +3,7 @@
 
 header {
   text-align: center;
-  margin: 150px 0;
+  margin: 100px 0;
   h1 {
     font-size: 2em;
   }
diff --git a/assets/partials/_main.scss b/assets/partials/_main.scss
index ffd52b7..c375716 100644
--- a/assets/partials/_main.scss
+++ b/assets/partials/_main.scss
@@ -16,6 +16,7 @@ body {
   color: rgb(240, 240, 255);
   margin: 0;
   font-family: PoppinsLatin, Monaco, Lucida Console, monospace;
+  font-display: block;
   display: grid;
 }
 a {
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 2283932..47ee77a 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,5 +1,5 @@
 {{ define "stylesheet" }}{{ $scss := resources.Get "/_default/list.scss" }}{{ $style := $scss | resources.ToCSS }}
-    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
+    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
 {{ end }}
 
 {{ define "main" }}
@@ -21,7 +21,7 @@
         <p>{{ . }}</p>
         {{ end }}
         {{ with .Params.featured_image }}
-        <img src="{{ . | relURL }}">
+        <img src="{{ . | relURL }}" loading="lazy">
         {{ end }}
       </article>
     </a>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 5e948b1..3e7c772 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,5 +1,5 @@
 {{ define "stylesheet" }}{{ $scss := resources.Get "/_default/single.scss" }}{{ $style := $scss | resources.ToCSS }}
-    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
+    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
 {{ end }}
 
 {{ define "main" }}
@@ -14,7 +14,7 @@
         </p>
         <h1 class="title">{{ .Title }}</h1>
         {{ with .Params.featured_image }}
-        <img src="{{ . | relURL }}">
+        <img src="{{ . | relURL }}_720w" loading="lazy">
         {{ end }}
         {{ .Content }}
         <aside class="meta">
diff --git a/layouts/errorpages/list.html b/layouts/errorpages/list.html
index 6192fb0..34474d1 100644
--- a/layouts/errorpages/list.html
+++ b/layouts/errorpages/list.html
@@ -1,5 +1,5 @@
 {{ define "stylesheet" }}{{ $sass := resources.Get "/errorpages.scss" }}{{ $style := $sass | resources.ToCSS }}
-    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
+    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
 {{ end }}
 
 {{ define "main" }}
diff --git a/layouts/errorpages/single.html b/layouts/errorpages/single.html
index 848d2ef..4cc77df 100644
--- a/layouts/errorpages/single.html
+++ b/layouts/errorpages/single.html
@@ -1,5 +1,5 @@
 {{ define "stylesheet" }}{{ $sass := resources.Get "/errorpages.scss" }}{{ $style := $sass | resources.ToCSS }}
-    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
+    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
 {{ end }}
 
 {{ define "main" }}
diff --git a/layouts/projects/list.html b/layouts/projects/list.html
index 1384c3b..118731e 100644
--- a/layouts/projects/list.html
+++ b/layouts/projects/list.html
@@ -1,5 +1,5 @@
 {{ define "stylesheet" }}{{ $scss := resources.Get "projects/list.scss" }}{{ $style := $scss | resources.ToCSS }}
-    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
+    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
 {{ end }}
 
 {{ define "main" }}
@@ -18,7 +18,7 @@
         <h1>{{ .Title }}</h1>
         <p class="" title="last change: {{ .Date.Format "2 Jan 2006" }}">{{ with .Params.activetime }}<span class="date">{{ . }}</span>{{ end }} {{ with .Params.status }}<span class="status">{{ . }}</span>{{ end }}</p>
         {{ with .Description }}<p>{{ . }}</p>{{ end }}
-        <img {{ with .Params.featured_image }}src="{{ . | relURL }}"{{ end }}>
+        <img {{ with .Params.featured_image }}src="{{ . | relURL }}"{{ end }} loading="lazy">
       </article>
     </a>
   {{ end }}