From e18f3a55e4bd1706706f7a92da6588cbb6b17d6c Mon Sep 17 00:00:00 2001
From: Eldad Fux <eldad.fux@gmail.com>
Date: Sat, 11 Jul 2020 07:16:57 +0300
Subject: [PATCH] Added image lazyloading

---
 app/views/console/comps/header.phtml | 12 ++++++------
 app/views/home/comps/header.phtml    |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/views/console/comps/header.phtml b/app/views/console/comps/header.phtml
index 35b2faaea..2bdb575a8 100644
--- a/app/views/console/comps/header.phtml
+++ b/app/views/console/comps/header.phtml
@@ -1,7 +1,7 @@
 <header class="clear">
     <a href="/console" class="logo pull-start">
-        <img src="/images/appwrite.svg" alt="Appwrite Light Logo" class="force-light" />
-        <img src="/images/appwrite-footer-dark.svg" alt="Appwrite Dark Logo" class="force-dark" />
+        <img src="/images/appwrite.svg" alt="Appwrite Light Logo" class="force-light" loading="lazy" />
+        <img src="/images/appwrite-footer-dark.svg" alt="Appwrite Dark Logo" class="force-dark" loading="lazy" />
     </a>
 
     <div class="change-project pull-start desktops-only">
@@ -72,8 +72,8 @@
             data-analytics-label="Logo Link">
             <img src="/images/appwrite-nav.svg" loading="lazy" alt="Appwrite Logo" class="nav" />
 
-            <img src="/images/appwrite.svg" loading="lazy" alt="Appwrite Light Logo" class="top force-light" />
-            <img src="/images/appwrite-footer-dark.svg" loading="lazy" alt="Appwrite Dark Logo" class="top force-dark" />
+            <img src="/images/appwrite.svg" loading="lazy" alt="Appwrite Light Logo" class="top force-light" loading="lazy" />
+            <img src="/images/appwrite-footer-dark.svg" loading="lazy" alt="Appwrite Dark Logo" class="top force-dark" loading="lazy" />
         </a>
 
         <div data-ui-highlight class="container">
@@ -193,8 +193,8 @@
 
 <div class="load-screen" data-ls-ui-loader>
     <div class="animation"><div></div><div></div><div></div><div></div></div>
-    <img src="/images/appwrite.svg" alt="Appwrite Light Logo" class="force-light" />
-    <img src="/images/appwrite-footer-dark.svg" alt="Appwrite Dark Logo" class="force-dark" />
+    <img src="/images/appwrite.svg" alt="Appwrite Light Logo" class="force-light" loading="lazy" />
+    <img src="/images/appwrite-footer-dark.svg" alt="Appwrite Dark Logo" class="force-dark" loading="lazy" />
 </div>
 
 <div data-ui-modal class="modal box close sticky-footer" data-button-alias=".setup-new" data-button-icon="icon-plus" data-button-class="project-only" data-open-event="create-project">
diff --git a/app/views/home/comps/header.phtml b/app/views/home/comps/header.phtml
index 01740626a..eb154c468 100644
--- a/app/views/home/comps/header.phtml
+++ b/app/views/home/comps/header.phtml
@@ -1,6 +1,6 @@
 <div class="logo text-align-center margin-bottom-xl">
     <a href="/">
-        <img src="/images/appwrite.svg" alt="Appwrite Light Logo" class="force-light" />
-        <img src="/images/appwrite-footer-dark.svg" alt="Appwrite Dark Logo" class="force-dark" />
+        <img src="/images/appwrite.svg" alt="Appwrite Light Logo" class="force-light" loading="lazy" />
+        <img src="/images/appwrite-footer-dark.svg" alt="Appwrite Dark Logo" class="force-dark" loading="lazy" />
     </a>
 </div>