diff --git a/src/common/rss3.ts b/src/common/rss3.ts
index 4b35486..814f419 100644
--- a/src/common/rss3.ts
+++ b/src/common/rss3.ts
@@ -78,7 +78,7 @@ async function walletConnect(skipSign?: boolean) {
     return rss3;
 }
 
-async function visitor() {
+async function visitor(): Promise<RSS3> {
     if (rss3) {
         return rss3;
     } else {
diff --git a/src/views/Followers.vue b/src/views/Followers.vue
index 41ccb17..8b8aee4 100644
--- a/src/views/Followers.vue
+++ b/src/views/Followers.vue
@@ -70,6 +70,8 @@ export default class Followers extends Vue {
     rns: string = '';
     ethAddress: string = '';
     lastRoute: string = '';
+    isPageActive: boolean = false;
+    loadingNo: number = 0;
 
     async setupAddress() {
         const address = <string>this.$route.params.address;
@@ -85,6 +87,7 @@ export default class Followers extends Vue {
     async initLoad() {
         this.lastRoute = this.$route.fullPath;
         this.followerList = [];
+        this.loadingNo = 0;
 
         const rss3 = await RSS3.visitor();
         const initFollowersList = await rss3.backlinks.get(this.ethAddress, 'following');
@@ -92,25 +95,38 @@ export default class Followers extends Vue {
 
         if (rss3 && followersList) {
             for (const item of followersList) {
+                this.followerList.push({
+                    avatar: config.defaultAvatar,
+                    username: '',
+                    bio: '',
+                    address: item,
+                    displayAddress: this.filter(item),
+                    rns: '',
+                });
+            }
+            setTimeout(() => {
+                this.loadDetails(rss3);
+            }, 0);
+        }
+    }
+
+    async loadDetails(rss3: IRSS3) {
+        const startNo = this.loadingNo;
+        const endNo = this.followerList.length;
+        for (let i = startNo; i < endNo; i++) {
+            if (this.isPageActive) {
+                const item = this.followerList[i];
                 try {
-                    const profile = (await rss3.profile.get(item)) || {};
-                    this.followerList.push({
-                        avatar: profile.avatar?.[0] || config.defaultAvatar,
-                        username: profile.name || '',
-                        bio: profile.bio || '',
-                        address: item,
-                        displayAddress: this.filter(item),
-                        rns: '',
-                    });
+                    const profile = (await rss3.profile.get(item.address)) || {};
+                    item.avatar = profile.avatar?.[0] || config.defaultAvatar;
+                    item.username = profile.name || '';
+                    item.bio = profile.bio || '';
+                    item.rns = (await RNSUtils.addr2Name(item.address)).replace(config.rns.suffix, '');
                 } catch (e) {
                     console.log(item, e);
                 }
+                this.loadingNo = i;
             }
-            setTimeout(async () => {
-                for (const item of this.followerList) {
-                    item.rns = (await RNSUtils.addr2Name(item.address)).replace(config.rns.suffix, '');
-                }
-            });
         }
     }
 
@@ -154,6 +170,7 @@ export default class Followers extends Vue {
     }
 
     async activated() {
+        this.isPageActive = true;
         await this.setupAddress();
         setTimeout(async () => {
             await this.setupTheme();
@@ -161,9 +178,15 @@ export default class Followers extends Vue {
             if (this.lastRoute !== this.$route.fullPath) {
                 await this.setProfile();
                 await this.initLoad();
+            } else if (this.loadingNo < this.followerList.length) {
+                await this.loadDetails(await RSS3.visitor());
             }
         }, 0);
     }
+
+    async deactivated() {
+        this.isPageActive = false;
+    }
 }
 </script>
 
diff --git a/src/views/Followings.vue b/src/views/Followings.vue
index 79243df..058c040 100644
--- a/src/views/Followings.vue
+++ b/src/views/Followings.vue
@@ -39,7 +39,7 @@ import { Options, Vue } from 'vue-class-component';
 import Button from '@/components/Button.vue';
 import ImgHolder from '@/components/ImgHolder.vue';
 import FollowerCard from '@/components/FollowerCard.vue';
-import RSS3 from '@/common/rss3';
+import RSS3, { IRSS3 } from '@/common/rss3';
 import RNSUtils from '@/common/rns';
 import config from '@/config';
 import * as _ from 'lodash';
@@ -70,6 +70,8 @@ export default class Followings extends Vue {
     rns: string = '';
     ethAddress: string = '';
     lastRoute: string = '';
+    isPageActive: boolean = false;
+    loadingNo: number = 0;
 
     async setupAddress() {
         const address = <string>this.$route.params.address;
@@ -85,6 +87,7 @@ export default class Followings extends Vue {
     async initLoad() {
         this.lastRoute = this.$route.fullPath;
         this.followingList = [];
+        this.loadingNo = 0;
 
         const rss3 = await RSS3.visitor();
         const initFollowersList = (await rss3.links.get(this.ethAddress, 'following'))?.list || [];
@@ -92,25 +95,38 @@ export default class Followings extends Vue {
 
         if (rss3 && followersList) {
             for (const item of followersList) {
+                this.followingList.push({
+                    avatar: config.defaultAvatar,
+                    username: '',
+                    bio: '',
+                    address: item,
+                    displayAddress: this.filter(item),
+                    rns: '',
+                });
+            }
+            setTimeout(() => {
+                this.loadDetails(rss3);
+            }, 0);
+        }
+    }
+
+    async loadDetails(rss3: IRSS3) {
+        const startNo = this.loadingNo;
+        const endNo = this.followingList.length;
+        for (let i = startNo; i < endNo; i++) {
+            if (this.isPageActive) {
+                const item = this.followingList[i];
                 try {
-                    const profile = await rss3.profile.get(item);
-                    this.followingList.push({
-                        avatar: profile?.avatar?.[0] || config.defaultAvatar,
-                        username: profile?.name || '',
-                        bio: profile.bio || '',
-                        address: item,
-                        displayAddress: this.filter(item),
-                        rns: '',
-                    });
+                    const profile = (await rss3.profile.get(item.address)) || {};
+                    item.avatar = profile.avatar?.[0] || config.defaultAvatar;
+                    item.username = profile.name || '';
+                    item.bio = profile.bio || '';
+                    item.rns = (await RNSUtils.addr2Name(item.address)).replace(config.rns.suffix, '');
                 } catch (e) {
                     console.log(item, e);
                 }
+                this.loadingNo = i;
             }
-            setTimeout(async () => {
-                for (const item of this.followingList) {
-                    item.rns = (await RNSUtils.addr2Name(item.address)).replace(config.rns.suffix, '');
-                }
-            });
         }
     }
 
@@ -154,6 +170,7 @@ export default class Followings extends Vue {
     }
 
     async activated() {
+        this.isPageActive = true;
         await this.setupAddress();
         setTimeout(async () => {
             await this.setupTheme();
@@ -161,9 +178,15 @@ export default class Followings extends Vue {
             if (this.lastRoute !== this.$route.fullPath) {
                 await this.setProfile();
                 await this.initLoad();
+            } else if (this.loadingNo < this.followingList.length) {
+                await this.loadDetails(await RSS3.visitor());
             }
         }, 0);
     }
+
+    async deactivated() {
+        this.isPageActive = false;
+    }
 }
 </script>