Lazy load images, explicity dimensions
This commit is contained in:
@@ -66,7 +66,7 @@
|
||||
<body>
|
||||
<header>
|
||||
<div class="nav-wrap">
|
||||
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
|
||||
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
|
||||
<nav class="nav">
|
||||
<a href="/the-space/">About</a>
|
||||
<a href="/join-us/">Membership</a>
|
||||
@@ -82,15 +82,15 @@
|
||||
<h1>Metal Shop</h1>
|
||||
<div class="entry">
|
||||
<figure>
|
||||
<img width="1280" height="960" src="/assets/metal-shop-1.jpg" alt="Metalworking equipment in the metal shop" />
|
||||
<img width="1024" height="768" src="/assets/metal-shop-1-1024x768.jpg" srcset="/assets/metal-shop-1-1024x768.jpg 1024w, /assets/metal-shop-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metalworking equipment in the metal shop" decoding="async" fetchpriority="high" />
|
||||
</figure>
|
||||
|
||||
<figure>
|
||||
<img width="1280" height="960" src="/assets/metal-shop-2.jpg" alt="Metalworking lathe in the metal shop" />
|
||||
<img width="1024" height="768" src="/assets/metal-shop-2-1024x768.jpg" srcset="/assets/metal-shop-2-1024x768.jpg 1024w, /assets/metal-shop-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metalworking lathe in the metal shop" loading="lazy" decoding="async" />
|
||||
</figure>
|
||||
|
||||
<figure>
|
||||
<img width="1280" height="960" src="/assets/metal-shop-3.jpg" alt="Metal shop equipment and tools" />
|
||||
<img width="1024" height="768" src="/assets/metal-shop-3-1024x768.jpg" srcset="/assets/metal-shop-3-1024x768.jpg 1024w, /assets/metal-shop-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metal shop equipment and tools" loading="lazy" decoding="async" />
|
||||
</figure>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
Reference in New Issue
Block a user