From bc7a386ff37cc8a0b188cfd1f6fc0ea4a692c012 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Fri, 1 Dec 2023 23:51:40 +0800
Subject: [PATCH] docs: img loading lazy

---
 website/docs/README.md                                    | 4 ++--
 website/docs/routes/social-media.mdx                      | 6 +++---
 .../zh/docusaurus-plugin-content-docs/current/README.md   | 4 ++--
 .../current/joinus/quick-start.md                         | 8 ++++----
 website/src/components/InstanceList.tsx                   | 2 +-
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/website/docs/README.md b/website/docs/README.md
index 60a6a4e0b..28abab9cd 100644
--- a/website/docs/README.md
+++ b/website/docs/README.md
@@ -28,7 +28,7 @@ RSSHub can be used with browser extension [RSSHub Radar](https://github.com/DIYg
 ### Special Sponsors
 
 <p>
-<Link to="https://xlog.app/"><img style={{height: "100px"}} src="https://i.imgur.com/JuhHTKD.png" /></Link>
+<Link to="https://xlog.app/"><img loading="lazy" style={{height: "100px"}} src="https://i.imgur.com/JuhHTKD.png" /></Link>
 </p>
 
 [![](https://opencollective.com/static/images/become_sponsor.svg)](https://docs.rsshub.app/support/)
@@ -43,7 +43,7 @@ Logo designer [sheldonrrr](https://dribbble.com/sheldonrrr)
 
 ### Backers
 
-<Link to="https://www.cloudflare.com"><img style={{height: "50px"}} src="https://i.imgur.com/7Ph27Fq.png" /></Link><Link to="https://www.netlify.com" style={{marginLeft: "60px"}}><img style={{height: "40px"}} src="https://i.imgur.com/cU01915.png" /></Link>
+<Link to="https://www.cloudflare.com"><img loading="lazy" style={{height: "50px"}} src="https://i.imgur.com/7Ph27Fq.png" /></Link><Link to="https://www.netlify.com" style={{marginLeft: "60px"}}><img loading="lazy" style={{height: "40px"}} src="https://i.imgur.com/cU01915.png" /></Link>
 
 ## Related Projects
 
diff --git a/website/docs/routes/social-media.mdx b/website/docs/routes/social-media.mdx
index 631e681a0..d7bada0ee 100644
--- a/website/docs/routes/social-media.mdx
+++ b/website/docs/routes/social-media.mdx
@@ -964,7 +964,7 @@ https://rsshub.app/twitter/user/durov/readable=1&authorNameBold=1&showAuthorInTi
 
 generates
 
-<img src="/img/readable-twitter.png" alt="Readable Twitter RSS of Durov" />
+<img loading="lazy" src="/img/readable-twitter.png" alt="Readable Twitter RSS of Durov" />
 
 ### User timeline {#twitter-user-timeline}
 
@@ -1342,7 +1342,7 @@ Country Code
 
 的效果为
 
-<img src="/img/readable-douban.png" alt="豆瓣读书的可读豆瓣广播 RSS" />
+<img loading="lazy" src="/img/readable-douban.png" alt="豆瓣读书的可读豆瓣广播 RSS" />
 
 </Route>
 
@@ -1712,7 +1712,7 @@ rule
 
 的效果为
 
-<img src="/img/readable-weibo.png" alt="微博小秘书的可读微博 RSS" />
+<img loading="lazy" src="/img/readable-weibo.png" alt="微博小秘书的可读微博 RSS" />
 
 ### 博主 {#wei-bo-bo-zhu}
 
diff --git a/website/i18n/zh/docusaurus-plugin-content-docs/current/README.md b/website/i18n/zh/docusaurus-plugin-content-docs/current/README.md
index a9529aded..b5a0eb5b6 100644
--- a/website/i18n/zh/docusaurus-plugin-content-docs/current/README.md
+++ b/website/i18n/zh/docusaurus-plugin-content-docs/current/README.md
@@ -30,7 +30,7 @@ RSSHub 是一个开源、简单易用、易于扩展的 RSS 生成器，可以
 ### 赞助商
 
 <p>
-<Link to="https://xlog.app/"><img style={{height: "100px"}} src="https://i.imgur.com/2B9pXBg.png" /></Link>
+<Link to="https://xlog.app/"><img loading="lazy" loading="lazy" style={{height: "100px"}} src="https://i.imgur.com/2B9pXBg.png" /></Link>
 </p>
 
 [![](https://opencollective.com/static/images/become_sponsor.svg)](/zh/support/)
@@ -45,7 +45,7 @@ Logo designer [sheldonrrr](https://dribbble.com/sheldonrrr)
 
 ### Backers
 
-<Link to="https://www.cloudflare.com"><img style={{height: "50px"}} src="https://cn-south-17-rsshub-16857749.oss.dogecdn.com/cloudflare.png" /></Link><Link to="https://www.netlify.com" style={{marginLeft: "60px"}}><img style={{height: "40px"}} src="https://cn-south-17-rsshub-16857749.oss.dogecdn.com/netlify.png" /></Link>
+<Link to="https://www.cloudflare.com"><img loading="lazy" style={{height: "50px"}} src="https://cn-south-17-rsshub-16857749.oss.dogecdn.com/cloudflare.png" /></Link><Link to="https://www.netlify.com" style={{marginLeft: "60px"}}><img loading="lazy" style={{height: "40px"}} src="https://cn-south-17-rsshub-16857749.oss.dogecdn.com/netlify.png" /></Link>
 
 ## 相关项目
 
diff --git a/website/i18n/zh/docusaurus-plugin-content-docs/current/joinus/quick-start.md b/website/i18n/zh/docusaurus-plugin-content-docs/current/joinus/quick-start.md
index d916fb77e..48e5c8780 100644
--- a/website/i18n/zh/docusaurus-plugin-content-docs/current/joinus/quick-start.md
+++ b/website/i18n/zh/docusaurus-plugin-content-docs/current/joinus/quick-start.md
@@ -46,7 +46,7 @@ sidebar_position: 1
 
 [开始吧！](/zh/joinus/new-radar)
 
-<Link to="https://chrome.google.com/webstore/detail/rsshub-radar/kefjpfngnndepjbopdmoebkipbgkggaa" target="_blank" rel="noopener noreferrer"><img src="https://storage.googleapis.com/web-dev-uploads/image/WlD8wC6g8khYWPJUsQceQkhXSlv1/UV4C4ybeBTsZt43U4xis.png" alt="为 Chromium 安装 RSSHub Radar" style={{height: "58px"}} /></Link>
-<Link to="https://addons.mozilla.org/firefox/addon/rsshub-radar/" target="_blank" rel="noopener noreferrer"><img src="https://blog.mozilla.org/addons/files/2020/04/get-the-addon-fx-apr-2020.svg" alt="为 Firefox 安装 RSSHub Radar for " style={{height: "58px"}} /></Link>
-<Link to="https://microsoftedge.microsoft.com/addons/detail/rsshub-radar/gangkeiaobmjcjokiofpkfpcobpbmnln" target="_blank" rel="noopener noreferrer"><img src="https://wsrv.nl/?url=https://upload.wikimedia.org/wikipedia/commons/f/f7/Get_it_from_Microsoft_Badge.svg" alt="为 Edge 安装 RSSHub Radar" style={{height: "58px"}} /></Link>
-<Link to="https://apps.apple.com/us/app/rsshub-radar/id1610744717" target="_blank" rel="noopener noreferrer"><img src="https://developer.apple.com/news/images/download-on-the-app-store-badge.png" alt="为 Safari 安装 RSSHub Radar" style={{height: "58px"}} /></Link>
+<Link to="https://chrome.google.com/webstore/detail/rsshub-radar/kefjpfngnndepjbopdmoebkipbgkggaa" target="_blank" rel="noopener noreferrer"><img loading="lazy" src="https://storage.googleapis.com/web-dev-uploads/image/WlD8wC6g8khYWPJUsQceQkhXSlv1/UV4C4ybeBTsZt43U4xis.png" alt="为 Chromium 安装 RSSHub Radar" style={{height: "58px"}} /></Link>
+<Link to="https://addons.mozilla.org/firefox/addon/rsshub-radar/" target="_blank" rel="noopener noreferrer"><img loading="lazy" src="https://blog.mozilla.org/addons/files/2020/04/get-the-addon-fx-apr-2020.svg" alt="为 Firefox 安装 RSSHub Radar for " style={{height: "58px"}} /></Link>
+<Link to="https://microsoftedge.microsoft.com/addons/detail/rsshub-radar/gangkeiaobmjcjokiofpkfpcobpbmnln" target="_blank" rel="noopener noreferrer"><img loading="lazy" src="https://wsrv.nl/?url=https://upload.wikimedia.org/wikipedia/commons/f/f7/Get_it_from_Microsoft_Badge.svg" alt="为 Edge 安装 RSSHub Radar" style={{height: "58px"}} /></Link>
+<Link to="https://apps.apple.com/us/app/rsshub-radar/id1610744717" target="_blank" rel="noopener noreferrer"><img loading="lazy" src="https://developer.apple.com/news/images/download-on-the-app-store-badge.png" alt="为 Safari 安装 RSSHub Radar" style={{height: "58px"}} /></Link>
diff --git a/website/src/components/InstanceList.tsx b/website/src/components/InstanceList.tsx
index 914e50228..444ed8485 100644
--- a/website/src/components/InstanceList.tsx
+++ b/website/src/components/InstanceList.tsx
@@ -66,7 +66,7 @@ export default function InstanceList(): JSX.Element {
               ) : 'Anonymous'}
             </td>
             <td>
-              <img src={`https://img.shields.io/website.svg?label=&url=${instance.url}/test/cache`} />
+              <img loading="lazy" src={`https://img.shields.io/website.svg?label=&url=${instance.url}/test/cache`} />
             </td>
           </tr>
         ))}