Add lazy tags
MODIFY
WalletWasabi.Backend/wwwroot/index.html
WalletWasabi.Backend/wwwroot/index.html
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark m-auto rounded-bottom">
<a class="navbar-brand" href="#">
- <img src="images/wasabi-wallet-logo.svg?ver=1.1.0" style="height: 40px; width: auto" alt="">
+ <img src="images/wasabi-wallet-logo.svg?ver=1.1.0" style="height: 40px; width: auto" alt="" loading="lazy">
</a>
<input type="checkbox" id="navbar-toggle-cbox">
<label for="navbar-toggle-cbox" class="navbar-toggler border-0 p-0 collapsed" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
</div>
</div>
- <img src="images/shader-wasabi.svg?ver=1.1.0" class="shader" />
+ <img src="images/shader-wasabi.svg?ver=1.1.0" class="shader" loading="lazy" />
</section>
<!-- Features Bar -->
</label>
<ul class="list-group list-group-flush toggle-content toggle-xs">
<li class="tx list-group-item text-ellipsis">
- <img src="images/icon-external.svg?ver=1.1.0" />
+ <img src="images/icon-external.svg?ver=1.1.0" loading="lazy" />
<a class="text-light" href="https://blockstream.info/tx/e4a789d16a24a6643dfee06e018ad27648b896daae6a3577ae0f4eddcc4d9174" target="_blank"> e4a789d16a24a6643dfee06e018ad27648b896daae6a3577ae0f4eddcc4d9174 </a>
</li>
<li class="tx list-group-item text-ellipsis">
- <img src="images/icon-external.svg?ver=1.1.0" />
+ <img src="images/icon-external.svg?ver=1.1.0" loading="lazy" />
<a class="text-light" href="https://blockstream.info/tx/c69aed505ca50473e2883130221915689c1474be3c66bcf7ac7dc0e26246afc8" target="_blank"> c69aed505ca50473e2883130221915689c1474be3c66bcf7ac7dc0e26246afc8 </a>
</li>
<li class="tx list-group-item text-ellipsis">
- <img src="images/icon-external.svg?ver=1.1.0" />
+ <img src="images/icon-external.svg?ver=1.1.0" loading="lazy" />
<a class="text-light" href="https://blockstream.info/tx/ef329b3ed8e790f10f0b522346f1b3d9f1c9d45dfa5b918e92d6f0a25d91c7ce" target="_blank"> ef329b3ed8e790f10f0b522346f1b3d9f1c9d45dfa5b918e92d6f0a25d91c7ce </a>
</li>
<li class="tx list-group-item text-ellipsis">
- <img src="images/icon-external.svg?ver=1.1.0" />
+ <img src="images/icon-external.svg?ver=1.1.0" loading="lazy" />
<a class="text-light" href="https://blockstream.info/tx/f82206145413db5c1272d5609c88581c414815e36e400aee6410e0de9a2d46b5" target="_blank"> f82206145413db5c1272d5609c88581c414815e36e400aee6410e0de9a2d46b5 </a>
</li>
<li class="tx list-group-item text-ellipsis">
- <img src="images/icon-external.svg?ver=1.1.0" />
+ <img src="images/icon-external.svg?ver=1.1.0" loading="lazy" />
<a class="text-light" href="https://blockstream.info/tx/a7157780b7c696ab24767113d9d34cdbc0eba5c394c89aec4ed1a9feb326bea5" target="_blank"> a7157780b7c696ab24767113d9d34cdbc0eba5c394c89aec4ed1a9feb326bea5 </a>
</li>
</ul>
</div>
</div>
<div class="col-sm-6">
- <img class="illustration" src="images/illustration-coinjoin.svg?ver=1.1.0" />
+ <img class="illustration" src="images/illustration-coinjoin.svg?ver=1.1.0" loading="lazy" />
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="text-center mb-4 ">
- <img class="d-block mx-auto mb-2" src="images/icon-colored-finder.svg?ver=1.1.0" />
+ <img class="d-block mx-auto mb-2" src="images/icon-colored-finder.svg?ver=1.1.0" loading="lazy" />
<!-- macOS Download Link -->
<a href="https://github.com/zkSNACKs/WalletWasabi/releases/download/v1.1.10.2/Wasabi-1.1.10.2.dmg" itemprop="downloadUrl" class="btn btn-success btn-block btn-labeled text-uppercase font-weight-bold mb-1">
<div class="col-6">
<div class="text-center mb-4 ">
- <img class="d-block mx-auto mb-2" src="images/icon-colored-windows.svg?ver=1.1.0" />
+ <img class="d-block mx-auto mb-2" src="images/icon-colored-windows.svg?ver=1.1.0" loading="lazy" />
<!-- Windows Download Link -->
<a href="https://github.com/zkSNACKs/WalletWasabi/releases/download/v1.1.10.2/Wasabi-1.1.10.2.msi" itemprop="downloadUrl" class="btn btn-success btn-block btn-labeled text-uppercase font-weight-bold mb-1">
<div class="col-6">
<div class="text-center mb-4 ">
- <img class="d-block mx-auto mb-2" src="images/icon-colored-ubuntu.svg?ver=1.1.0" />
+ <img class="d-block mx-auto mb-2" src="images/icon-colored-ubuntu.svg?ver=1.1.0" loading="lazy" />
<!-- Debian/Ubuntu Download Link -->
<a href="https://github.com/zkSNACKs/WalletWasabi/releases/download/v1.1.10.2/Wasabi-1.1.10.2.deb" itemprop="downloadUrl" class="btn btn-success btn-block btn-labeled text-uppercase font-weight-bold mb-1">
<div class="col-6">
<div class="text-center mb-4 ">
- <img class="d-block mx-auto mb-2" src="images/icon-colored-linux.svg?ver=1.1.0" />
+ <img class="d-block mx-auto mb-2" src="images/icon-colored-linux.svg?ver=1.1.0" loading="lazy" />
<!-- Linux Download Link -->
<a href="https://github.com/zkSNACKs/WalletWasabi/releases/download/v1.1.10.2/WasabiLinux-1.1.10.2.tar.gz" itemprop="downloadUrl" class="btn btn-success btn-block btn-labeled text-uppercase font-weight-bold mb-1">
</div>
</div>
<div class="col-sm-6 order-sm-1">
- <img class="screenshot" itemprop="screenshot" src="images/wasabi-wallet-laptop.png?ver=1.1.0" />
+ <img class="screenshot" itemprop="screenshot" src="images/wasabi-wallet-laptop.png?ver=1.1.0" loading="lazy" />
</div>
</div>
</div>
</div>
</div>
- <img src="images/shader-loop.svg?ver=1.1.0" class="shader" />
+ <img src="images/shader-loop.svg?ver=1.1.0" class="shader" loading="lazy" />
</section>
</main>
<footer class="footer bg-dark">
<div class="text-center">
<p class="text-light p-2 mb-0 text-ellipsis">
- <img src="images/icon-colored-onion.png?ver=1.1.0" class="" style="width: 17px; height: auto" alt="other_network">&nbsp;
+ <img src="images/icon-colored-onion.png?ver=1.1.0" class="" style="width: 17px; height: auto" alt="other_network" loading="lazy">&nbsp;
<small class="align-middle" itemprop="sameAs">http://wasabiukrxmkdgve5kynjztuovbg43uxcbcxn6y2okcrsg7gb6jdmbad.onion</small>
</p>
</div>

Add lazy tags