From a4cd5d65355add956740084e3480f279c24c5e23 Mon Sep 17 00:00:00 2001
From: hehh <lingtinzhe@icloud.com>
Date: Fri, 28 Nov 2025 17:07:58 +0800
Subject: [PATCH] =?UTF-8?q?feat(perf):=20=E4=BC=98=E5=8C=96=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=8A=A0=E8=BD=BD=E6=80=A7=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为多个页面中的图片元素添加 loading="lazy" 属性
- 对 Artalk.js 脚本引入增加 async 属性以提升加载性能
- 减少初始页面加载时不必要的资源阻塞
- 提高用户访问速度与页面响应效率
---
 about.html | 8 ++++----
 index.html | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/about.html b/about.html
index 16b214d..70b0ad3 100644
--- a/about.html
+++ b/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>
 
 <!-- 不蒜子统计 -->
diff --git a/index.html b/index.html
index 1ce48f5..a58bc3f 100644
--- a/index.html
+++ b/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>