diff --git a/_layouts/default.html b/_layouts/default.html
index d06d5f9..0a048a9 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -30,14 +30,14 @@
 </main>
 
   <!-- JS scripts get loaded last-->
-	<script src="{{ "/assets/js/jquery.min.js" | relative_url }}"></script>
-	<script src="{{ "/assets/js/jquery.scrolly.min.js" | relative_url }}"></script>
-	<script src="{{ "/assets/js/jquery.scrollex.min.js" | relative_url }}"></script>
-	<script src="{{ "/assets/js/browser.min.js" | relative_url }}"></script>
+	<script src="{{ "/assets/js/jquery.min.js" | relative_url }}" defer></script>
+	<script src="{{ "/assets/js/jquery.scrolly.min.js" | relative_url }}" defer></script>
+	<script src="{{ "/assets/js/jquery.scrollex.min.js" | relative_url }}" defer></script>
+	<script src="{{ "/assets/js/browser.min.js" | relative_url }}" defer></script>
 
-	<script src="{{ "/assets/js/breakpoints.min.js" | relative_url }}"></script>
-	<script src="{{ "/assets/js/util.js" | relative_url }}"></script>
-	<script src="{{ "/assets/js/main.js" | relative_url }}"></script>
+	<script src="{{ "/assets/js/breakpoints.min.js" | relative_url }}" defer></script>
+	<script src="{{ "/assets/js/util.js" | relative_url }}" defer></script>
+	<script src="{{ "/assets/js/main.js" | relative_url }}" defer></script>
 
 </div>
 {% include footer.html %}
diff --git a/_layouts/posts.html b/_layouts/posts.html
index a431874..21eb8c1 100644
--- a/_layouts/posts.html
+++ b/_layouts/posts.html
@@ -13,7 +13,7 @@ layout: post
 	  <!-- Post layout structure -->
 	  <article class="post">
 	    <header>
-	      <a href="{{ post.url | absolute_url }}" class="hero image fit"><img src="{{ post.banner_image }}" alt="{{ post.title }}" /></a>
+	      <a href="{{ post.url | absolute_url }}" class="hero image fit"><img src="{{ post.banner_image }}" alt="{{ post.title }}" loading="lazy"/></a>
 
 	      <div class="title">
 	        <h2><a href="{{ post.url | absolute_url }}">{{ post.title }}</a></h2>