diff --git a/head.html b/head.html
index 365f65e3..2e8862b8 100644
--- a/head.html
+++ b/head.html
@@ -1,8 +1,8 @@
-<meta name='viewport' content='width=device-width, initial-scale=1.0'>
-<meta http-equiv='X-UA-Compatible' content='IE=edge'>
-<script src="/scripts/config.js" type="module"></script>
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<script src="/scripts/libs.js" type="module"></script>
 <script src="/scripts/component-loader.js" type="module"></script>
 <script src="/scripts/component-base.js" type="module"></script>
 <script src="/scripts/init.js" type="module"></script>
-<link rel="stylesheet" href="/styles/styles.css"/>
+<link rel="stylesheet" href="/styles/styles.css" />
 <style class="theme"></style>
diff --git a/scripts/init.js b/scripts/init.js
index ca031dd7..f939dc0b 100644
--- a/scripts/init.js
+++ b/scripts/init.js
@@ -1,5 +1,5 @@
 import ComponentLoader from './component-loader.js';
-import { config, debounce, getBreakPoint } from './libs.js';
+import { config, debounce, eagerImage, getBreakPoint } from './libs.js';
 
 export function retriveDataFrom(blocks) {
   return blocks.map((block) => {
@@ -33,6 +33,8 @@ function lcpPriority() {
   return window.raqnLCP;
 }
 
+eagerImage(document, 2);
+
 export async function init(node = document) {
   let blocks = Array.from(node.querySelectorAll('[class]:not([class^=raqn]'));