Merge pull request #9 from ericwbailey/lazy-load-image

Author: ericwbailey

docs/index.html

@@ -49,6 +49,7 @@ <h2 id="title-table-of-contents">Table of Contents</h2>
     <li><a href="#section-embedded">Embedded</a>
       <ol>
         <li><a href="#subsection-image">Image</a></li>
+        <li><a href="#subsection-lazy-loaded-image">Lazy-loaded Image</a></li>
         <li><a href="#subsection-broken-image">Broken Image</a></li>
         <li><a href="#subsection-figure-with-caption">Figure with Caption</a></li>
         <li><a href="#subsection-inline-svg">Inline <abbr>SVG</abbr></a></li>
@@ -529,6 +530,16 @@ <h3 id="subsection-image">Image</h3>
     alt="Image Example" />
   <!-- End of #subsection-image -->
 
+  <!-- Start of #subsection-broken-image -->
+  <h3 id="subsection-lazy-loaded-image">Lazy-loaded Image</h3>
+  <img
+    src="http://placehold.it/500x500?text=Lazy-Loaded+Image+Example"
+    loading="lazy"
+    width="500"
+    height="500"
+    alt="Lazy-loaded Image" />
+  <!-- End of #subsection-broken-image -->
+
   <!-- Start of #subsection-broken-image -->
   <h3 id="subsection-broken-image">Broken Image</h3>
   <img