diff options
| author | horus | 2021-01-08 20:25:45 +0100 |
|---|---|---|
| committer | horus | 2021-01-08 20:25:45 +0100 |
| commit | 6c1df3c4699d391c9be12c91b79b5c5ebf8052fd (patch) | |
| tree | 03cf6623a8c09c38cbe62d5cf3db5b68b8866ac9 | |
| parent | 53bee00a3b1c68e68111094cbab0289a5b057140 (diff) | |
| download | kategorischeraperitif-6c1df3c4699d391c9be12c91b79b5c5ebf8052fd.tar.gz | |
Add lazy-loading and preloading.
| -rw-r--r-- | resources/views/index.blade.php | 2 | ||||
| -rw-r--r-- | resources/views/layouts/base.blade.php | 5 | ||||
| -rw-r--r-- | resources/views/offers.blade.php | 2 |
3 files changed, 6 insertions, 3 deletions
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"> |