feat(perf): 优化图片加载性能

- 为多个页面中的图片元素添加 loading="lazy" 属性
- 对 Artalk.js 脚本引入增加 async 属性以提升加载性能
- 减少初始页面加载时不必要的资源阻塞
- 提高用户访问速度与页面响应效率

about.html

@@ -105,7 +105,7 @@
             <div class="bento-card area-profile">
                 <div class="profile-content">
                     <div class="avatar-ring">
-                        <img src="images/avatar.jpeg" alt="Honesty" class="avatar-img">
+                        <img src="images/avatar.jpeg" alt="Honesty" class="avatar-img" loading="lazy">
                         <div class="status-dot" data-i18n="status.online">Online</div>
                     </div>
                     <div class="profile-info">
@@ -170,7 +170,7 @@
                         <span class="mbti-code gradient-text">INFJ</span>
                         <span class="mbti-name" data-i18n="mbti.name">Advocate</span>
                         <span class="mbti-icon">
-                         <img src="images/INFJ.webp" alt="INFJ" style="width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,0.4)"/>
+                         <img src="images/INFJ.webp" alt="INFJ" style="width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,0.4)" loading="lazy"/>
                         </span>
                     </div>
                     <p class="mbti-desc" data-i18n="mbti.desc">"理想主义与道德感，果断决绝的行动力。深度洞察与创意，关怀与同理心。"</p>
@@ -305,7 +305,7 @@
             <button class="modal-close" onclick="toggleWechat()"><i class="ri-close-line"></i></button>
             <h3 data-i18n="modal.wechat">Official Account</h3>
             <div class="qr-box">
-                <img src="./images/mp-honesy.jpg" alt="WeChat QR" onerror="this.style.display='none';this.nextElementSibling.style.display='block'">
+                <img src="./images/mp-honesy.jpg" alt="WeChat QR" onerror="this.style.display='none';this.nextElementSibling.style.display='block'" loading="lazy">
 <!--                <div class="qr-fallback">QR Load Failed</div>-->
             </div>
             <p data-i18n="modal.desc">Scan to follow Tech Share</p>
@@ -323,7 +323,7 @@
 <!-- 脚本：BootCDN jQuery / Artalk -->
 <script src="js/jquery.min.js"></script>
 <script src="js/config.js?version=20251125"></script>
-<script src="https://cdn.bootcdn.net/ajax/libs/artalk/2.9.1/Artalk.js"></script>
+<script async src="https://cdn.bootcdn.net/ajax/libs/artalk/2.9.1/Artalk.js"></script>
 <script src="js/about.js?version=20251125"></script>
 
 <!-- 不蒜子统计 -->

index.html

@@ -104,7 +104,7 @@
                         <div class="info iUp">
                             <div class="info-back">
                                 <img alt="img" src="images/kl.gif"
-                                     class="js-avatar profilepic">
+                                     class="js-avatar profilepic" loading="lazy">
                             </div>
                         </div>
                     </a>
@@ -265,7 +265,7 @@
                 <div class="weixin-qrcode-desc">请使用微信扫一扫添加关注</div>
                 <img src="./images/mp-honesy.jpg" alt="微信二维码"
                      class="weixin-qrcode-image"
-                     onerror="this.src='https://cdn.jsdmirror.com/gh/listener-He/Home/images/logo.png'; this.alt='二维码加载失败'">
+                     onerror="this.src='https://cdn.jsdmirror.com/gh/listener-He/Home/images/logo.png'; this.alt='二维码加载失败'" loading="lazy">
                 <button class="weixin-qrcode-close" onclick="closeWeixin()">关闭</button>
             </div>
         </div>