chrosey/urlaub-friedrichroda
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[TASK] WebP-Format verwenden, wo möglich

Browse Source
This commit is contained in:
Christian Seyfferth 2020-04-10 22:17:34 +02:00
parent 357267394e
commit 231d3b8ed7
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
index.html
View File

@ -21,7 +21,7 @@
<nav class="light-green lighten-1">
<div class="nav-wrapper container">
<a href="/" id="logo-container" class="brand-logo left" title="Gehe zur Startseite">
<img src="favicon.png" alt="Visitenkarten-Logo">
<img src="favicon.png" alt="Visitenkarten-Logo" loading="eager">
</a>
<ul class="right hide-on-small-and-down">
<li><a href="#willkommen" title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
@ -44,7 +44,11 @@
</div>
</div>
<div class="parallax">
<img src="bilder/2400px/StartbildOriginal_Rev.jpg" alt="Kollage von Bildern aus der Ferienwohnung">
<picture>
<source srcset="bilder/2400px/StartbildOriginal_Rev.jpg.webp" type="image/webp">
<img src="bilder/2400px/StartbildOriginal_Rev.jpg" alt="Kollage von Bildern aus der Ferienwohnung"
loading="auto">
</picture>
</div>
</div>
<section id="willkommen" class="container">
@ -80,7 +84,10 @@
</section>
<div id="wohnung-banner" class="parallax-container">
<div class="parallax">
<img src="bilder/2400px/5.jpg" alt="">
<picture>
<source srcset="bilder/2400px/5.jpg.webp" type="image/webp">
<img src="bilder/2400px/5.jpg" alt="Schlafzimmer mit Schrank, Kommode und Kingsize-Bett" loading="auto">
</picture>
</div>
</div>
<section id="wohnung" class="container">
@ -178,7 +185,11 @@
</section>
<div id="buchung-banner" class="parallax-container">
<div class="parallax">
<img src="bilder/2400px/10.jpg" alt="">
<picture>
<source srcset="bilder/2400px/10.jpg.webp" type="image/webp">
<img src="bilder/2400px/10.jpg" alt="Wohnbereich und Teil der Küchenzeile mit Blick Richtung Fenster"
loading="auto">
</picture>
</div>
</div>
<section id="buchung" class="container">
@ -249,7 +260,7 @@
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2519.777837443754!2d10.588956515965446!3d50.83527886744169!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a381a5941d6f53%3A0x871dd2e074ff9078!2sFerienwohnung%20WANDERLUST%20mit%20Kamin!5e0!3m2!1sde!2sde!4v1586533961647!5m2!1sde!2sde"
frameborder="0" style="border:0; width:100%; height:500px;" allowfullscreen="" aria-hidden="false"
tabindex="0"></iframe>
tabindex="0" loading="lazy"></iframe>
</div>
<div class="col s12 m4 l3">
<div class="row">
@ -276,7 +287,10 @@
</section>
<div id="footer-banner" class="parallax-container valign-wrapper">
<div class="parallax">
<img src="bilder/2400px/1.jpg" alt="weiße Bank mit Blick über das Tal">
<picture>
<source srcset="bilder/2400px/1.jpg.webp" type="image/webp">
<img src="bilder/2400px/1.jpg" alt="weiße Bank mit Blick über das Tal" loading="auto">
</picture>
</div>
</div>
</div>