From 6c1df3c4699d391c9be12c91b79b5c5ebf8052fd Mon Sep 17 00:00:00 2001
From: horus
Date: Fri, 8 Jan 2021 20:25:45 +0100
Subject: Add lazy-loading and preloading.

---
 resources/views/index.blade.php        | 2 +-
 resources/views/layouts/base.blade.php | 5 ++++-
 resources/views/offers.blade.php       | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

(limited to 'resources/views')

diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 4f6b3ca..4fcfb26 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -71,7 +71,7 @@ Angebote
 	    <p class="card-text float-right rounded off-badge"  >{{ $offer->procent}} %</p>
             </div>
 	<a href="{{ $offer->url }}">
-	    <img width=280 height=400 src="{{ TF::Camo($offer->image_url) }}" class="card-img img-fluid mx-auto d-block">
+	    <img width=280 height=400 src="{{ TF::Camo($offer->image_url) }}" class="card-img img-fluid mx-auto d-block" loading="lazy">
 	</a>
           </div>
           <div class="col-md-8 px-10">
diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index 43b0cce..9b893a3 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -16,12 +16,15 @@
 
 	<link rel='stylesheet' id='theme-styles-css'  href='/css/theme.min.css' type='text/css' media='all' />
 	<link rel='stylesheet' href="/css/open-iconic-bootstrap.css">
+	<link rel='preload' href="https://angebote.fuselkoenig.de/css/fonts/charter_regular-webfont.woff" as="font" type="font/woff">
+	<link rel='preload' href="https://angebote.fuselkoenig.de/css/fonts/charter_bold-webfont.woff" as="font" type="font/woff">
+	<link rel='preload' href="https://angebote.fuselkoenig.de/css/MaterialIcons-Regular.woff2" as="font" type="font/woff2">
 
 	<script type='text/javascript' src='/js/jquery.js'></script>
 	<style>
 	p { font-size: 18px; }
 	.main-header {
-		background-image: url("https://www.fuselkoenig.de/wp-content/themes/fuselkoenig_de_v2/img/angebote_background.jpg");");
+		background-image: url("/img/angebote_background.jpg");");
 	}
 	</style>
 
diff --git a/resources/views/offers.blade.php b/resources/views/offers.blade.php
index b133ba9..5179b92 100644
--- a/resources/views/offers.blade.php
+++ b/resources/views/offers.blade.php
@@ -12,7 +12,7 @@
 	    <div class="card-img-overlay card-img-overlay-badge" >
 	    <p class="card-text float-right rounded off-badge"  >{{ $offer->procent}} %</p>
             </div>
-	    <img src="{{ TF::Camo($offer->image_url) }}" class="card-img img-fluid mx-auto d-block" >
+	    <img src="{{ TF::Camo($offer->image_url) }}" class="card-img img-fluid mx-auto d-block" loading="lazy">
           </div>
           <div class="col-md-8 px-10">
 	    <div class="card-header">
-- 
cgit v1.2.3