Add lazy loading to image (#103)

This commit is contained in:
KnugiHK
2024-06-30 18:57:46 +08:00
parent 6370b81299
commit 5449646a1b

View File

@@ -143,7 +143,7 @@
{% else %} {% else %}
{% if "image/" in msg.mime %} {% if "image/" in msg.mime %}
<a href="{{ msg.data }}"> <a href="{{ msg.data }}">
<img src="{{ msg.thumb if msg.thumb is not none else msg.data }}" {{ 'class="sticker"' | safe if msg.sticker }} /> <img src="{{ msg.thumb if msg.thumb is not none else msg.data }}" {{ 'class="sticker"' | safe if msg.sticker }} loading="lazy"/>
</a> </a>
{% elif "audio/" in msg.mime %} {% elif "audio/" in msg.mime %}
<audio controls="controls" autobuffer="autobuffer"> <audio controls="controls" autobuffer="autobuffer">
@@ -171,7 +171,7 @@
{% if not no_avatar and my_avatar is not none %} {% if not no_avatar and my_avatar is not none %}
<div class="w3-col m2 l2 pad-left-10"> <div class="w3-col m2 l2 pad-left-10">
<a href="{{ my_avatar }}"> <a href="{{ my_avatar }}">
<img src="{{ my_avatar }}" onerror="this.style.display='none'" class="avatar"> <img src="{{ my_avatar }}" onerror="this.style.display='none'" class="avatar" loading="lazy">
</a> </a>
</div> </div>
{% endif %} {% endif %}
@@ -191,9 +191,9 @@
{% if not no_avatar %} {% if not no_avatar %}
<div class="w3-col m2 l2"> <div class="w3-col m2 l2">
{% if their_avatar is not none %} {% if their_avatar is not none %}
<a href="{{ their_avatar }}"><img src="{{ their_avatar_thumb or '' }}" onerror="this.style.display='none'" class="avatar"></a> <a href="{{ their_avatar }}"><img src="{{ their_avatar_thumb or '' }}" onerror="this.style.display='none'" class="avatar" loading="lazy"></a>
{% else %} {% else %}
<img src="{{ their_avatar_thumb or '' }}" onerror="this.style.display='none'" class="avatar"> <img src="{{ their_avatar_thumb or '' }}" onerror="this.style.display='none'" class="avatar" loading="lazy">
{% endif %} {% endif %}
</div> </div>
<div class="w3-col m10 l10"> <div class="w3-col m10 l10">
@@ -227,7 +227,7 @@
{% else %} {% else %}
{% if "image/" in msg.mime %} {% if "image/" in msg.mime %}
<a href="{{ msg.data }}"> <a href="{{ msg.data }}">
<img src="{{ msg.thumb if msg.thumb is not none else msg.data }}" {{ 'class="sticker"' | safe if msg.sticker }} /> <img src="{{ msg.thumb if msg.thumb is not none else msg.data }}" {{ 'class="sticker"' | safe if msg.sticker }} loading="lazy"/>
</a> </a>
{% elif "audio/" in msg.mime %} {% elif "audio/" in msg.mime %}
<audio controls="controls" autobuffer="autobuffer"> <audio controls="controls" autobuffer="autobuffer">