diff --git a/index.html b/index.html
index 323d978..b158777 100644
--- a/index.html
+++ b/index.html
@@ -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>