[general] Made general changes to improve loading efficiency

4 files changed, 14 insertions, 7 deletions

diff --git a/generate-hooks/create-header-anchors.awk b/generate-hooks/create-header-anchors.awk
index 5381e81..a07c736 100644
--- a/generate-hooks/create-header-anchors.awk
+++ b/generate-hooks/create-header-anchors.awk
@@ -8,7 +8,7 @@
 /[ \t]*<h[23456]/ {
 	id = substr($0, index($0, "id=\"") + 4)
 	id = substr(id, 0, index(id, "\"") - 1)
-	gsub(/$/, ORS "<a href=\"#" id "\"><img src=\"/img/link-tabler.svg\" alt=\"🔗\"></a>")
+	gsub(/$/, ORS "<a href=\"#" id "\"><img src=\"/img/link-tabler.svg\" alt=\"🔗\" loading=\"lazy\"></a>")
 }
 
 {
diff --git a/src/_footer.html b/src/_footer.html
index b9cbb3a..9b59a9c 100644
--- a/src/_footer.html
+++ b/src/_footer.html
@@ -1,9 +1,10 @@
 	</article>
 
 	<img id="scrollBtn" class="icon unzoomable btn" src="/img/chevrons-up-tabler.svg" alt="^">
-
-	<script type="text/javascript" src="/scripts/image-show.js" integrity="sha512-nvHl7jQO5YAE/K8KUPwF0m1Oq2mT6I8hNZYby4abaxIuJe6F60L1BDtYsJYB/1+A7iExW+i7YREL886qzCJt7A==" crossorigin="anonymous"></script>
-	<script type="text/javascript" src="/scripts/back-to-top.js" integrity="sha512-yih1opqueA2DkNTsRo8JG7r/haDe3VaHpV08Vs79tDYI9Goe+QpDNSPjpZDszDBQOrIIX7ZKZA4QJ0J+fxkn5w==" crossorigin="anonymous"></script>
 </body>
 
+<script type="text/javascript" src="/scripts/theme-changer.js" integrity="sha512-ZmN9dZP4m7fv3W3DHbA9pnK3Y44LnD4Be1Pn8Wdu4wFutZZSfZ1vNoIKNZ2J7QK9NHImYPjyNPxN2/l6y9P7pA==" crossorigin="anonymous" defer></script>
+<script type="text/javascript" src="/scripts/image-show.js" integrity="sha512-nvHl7jQO5YAE/K8KUPwF0m1Oq2mT6I8hNZYby4abaxIuJe6F60L1BDtYsJYB/1+A7iExW+i7YREL886qzCJt7A==" crossorigin="anonymous" defer></script>
+<script type="text/javascript" src="/scripts/back-to-top.js" integrity="sha512-yih1opqueA2DkNTsRo8JG7r/haDe3VaHpV08Vs79tDYI9Goe+QpDNSPjpZDszDBQOrIIX7ZKZA4QJ0J+fxkn5w==" crossorigin="anonymous" defer></script>
+
 </html>
diff --git a/src/_header.html b/src/_header.html
index 1060d32..2554bfc 100644
--- a/src/_header.html
+++ b/src/_header.html
@@ -28,7 +28,7 @@
 		<span class="header">
 			<a href="/">Home</a>
 			<img id="expandNavbarBtn" class="unzoomable btn setting-btn icon" src="/img/layout-navbar-expand-tabler.svg" alt="Expand navbar">
-			<script type="text/javascript" src="/scripts/expand-navbar.js" integrity="sha512-jWOVi/r00B5Xz+tdInmC5M7lS/wZhLDe15kysVb11+M8xi3+lsQNy/rOUqGuAxV9Hnf6E5ZVNsnzJrlPGrWvyQ==" crossorigin="anonymous"></script>
+			<script type="text/javascript" src="/scripts/expand-navbar.js" integrity="sha512-jWOVi/r00B5Xz+tdInmC5M7lS/wZhLDe15kysVb11+M8xi3+lsQNy/rOUqGuAxV9Hnf6E5ZVNsnzJrlPGrWvyQ==" crossorigin="anonymous" defer></script>
 		</span>
 
 		<span>Content</span>
@@ -53,7 +53,6 @@
 		<div id="settingsWrapper">
 			<img id="changeThemeBtn" class="unzoomable btn setting-btn icon" src="/img/sun-tabler.svg" alt="Toggle theme">
 			<img id="changeWidthBtn" class="unzoomable btn setting-btn icon" src="/img/viewport-wide-tabler.svg" alt="Toggle full width">
-			<script type="text/javascript" src="/scripts/theme-changer.js" integrity="sha512-ZmN9dZP4m7fv3W3DHbA9pnK3Y44LnD4Be1Pn8Wdu4wFutZZSfZ1vNoIKNZ2J7QK9NHImYPjyNPxN2/l6y9P7pA==" crossorigin="anonymous"></script>
 		</div>
 
 		<div class="spacer"></div>
@@ -77,4 +76,4 @@
 	</nav>
 
 	<article>
-		<script type="text/javascript" src="/scripts/page-width.js" integrity="sha512-Ng+lgnAzbsDRvTXb7Hl7Mr71+XW4NEQVGDHZ5Qd+GIlUXdb5ils589aOxQ/rm6pTQsk7ZzEX8emNA50IfMFI1g==" crossorigin="anonymous"></script>
+		<script type="text/javascript" src="/scripts/page-width.js" integrity="sha512-Ng+lgnAzbsDRvTXb7Hl7Mr71+XW4NEQVGDHZ5Qd+GIlUXdb5ils589aOxQ/rm6pTQsk7ZzEX8emNA50IfMFI1g==" crossorigin="anonymous" defer></script>
diff --git a/src/styles.css b/src/styles.css
index 6f55703..573a04a 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -634,12 +634,14 @@ dd code {
   font-family: 'Open Sans';
   src: url(/fonts/open-sans/OpenSans-Bold.ttf);
   font-weight: bold;
+  font-display: swap;
 }
 
 @font-face {
   font-family: 'Open Sans';
   src: url(/fonts/open-sans/OpenSans-ExtraBold.ttf);
   font-weight: 800;
+  font-display: swap;
 }
 
 @font-face {
@@ -647,6 +649,7 @@ dd code {
   src: url(/fonts/open-sans/OpenSans-Italic.ttf);
   font-weight: normal;
   font-style: italic;
+  font-display: swap;
 }
 
 @font-face {
@@ -654,6 +657,7 @@ dd code {
   src: url(/fonts/open-sans/OpenSans-BoldItalic.ttf);
   font-weight: bold;
   font-style: italic;
+  font-display: swap;
 }
 
 @font-face {
@@ -661,12 +665,14 @@ dd code {
   src: url(/fonts/open-sans/OpenSans-ExtraBoldItalic.ttf);
   font-weight: 800;
   font-style: italic;
+  font-display: swap;
 }
 
 @font-face {
   font-family: 'Open Sans';
   src: url(/fonts/open-sans/OpenSans-Semibold.ttf);
   font-weight: 600;
+  font-display: swap;
 }
 
 @font-face {
@@ -674,4 +680,5 @@ dd code {
   src: url(/fonts/open-sans/OpenSans-SemiboldItalic.ttf);
   font-weight: 600;
   font-style: italic;
+  font-display: swap;
 }