diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue
index 0bbb2326..f477ac9c 100644
--- a/src/components/VideoCard/VideoCard.vue
+++ b/src/components/VideoCard/VideoCard.vue
@@ -232,7 +232,7 @@ function handleUndo() {
             <!-- Video cover -->
             <img
               :src="`${removeHttpFromUrl(video.cover)}@672w_378h_1c`"
-              loading="eager"
+              loading="lazy"
               w="full" max-w-full align-middle aspect-video
               bg="cover center"
               rounded="$bew-radius"
@@ -365,7 +365,7 @@ function handleUndo() {
                   :src="`${removeHttpFromUrl(video.authorFace)}@50w_50h_1c`"
                   width="36"
                   height="36"
-                  loading="eager"
+                  loading="lazy"
                 >
                 <div
                   v-if="video.followed"
@@ -418,7 +418,7 @@ function handleUndo() {
                         :src="`${removeHttpFromUrl(video.authorFace)}@50w_50h_1c`"
                         width="30"
                         height="30"
-                        loading="eager"
+                        loading="lazy"
                         object-cover rounded="1/2"
                       >
                       <div
@@ -493,9 +493,6 @@ function handleUndo() {
     <!-- skeleton -->
     <VideoCardSkeleton
       v-if="skeleton"
-      :style="{
-        opacity: skeleton ? 1 : 0,
-      }"
       :horizontal="horizontal"
       mb-0
     />
diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index 1405bdd6..476f19a5 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -35,7 +35,6 @@ const showTopBarMask = ref<boolean>(false)
 const handlePageRefresh = ref<() => void>()
 const handleReachBottom = ref<() => void>()
 const handleThrottledPageRefresh = useThrottleFn(() => handlePageRefresh.value?.(), 500)
-const handleThrottledReachBottom = useThrottleFn(() => handleReachBottom.value?.(), 500)
 const handleThrottledBackToTop = useThrottleFn(() => handleBackToTop(), 1000)
 const topBarRef = ref()
 const reachTop = ref<boolean>(false)
@@ -221,7 +220,7 @@ function handleOsScroll() {
   }
 
   if (clientHeight + scrollTop >= scrollHeight - 150)
-    handleThrottledReachBottom()
+    handleReachBottom.value?.()
 
   if (isHomePage())
     topBarRef.value?.handleScroll()
diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index 93280e46..16c0f608 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -7,7 +7,6 @@ import { useBewlyApp } from '~/composables/useAppProvider'
 import { homePageGridLayout, settings } from '~/logic'
 import type { HomeTab } from '~/stores/mainStore'
 import { useMainStore } from '~/stores/mainStore'
-import { delay } from '~/utils/main'
 import emitter from '~/utils/mitt'
 
 import type { GridLayoutIcon } from './types'
@@ -119,22 +118,11 @@ function handleChangeTab(tab: HomeTab) {
     handleThrottledBackToTop(settings.value.useSearchPageModeOnHomePage ? 510 : 0)
   }
 
-  // When the content of a tab is loading, prevent switching to another tab.
-  // Since `initPageAction()` within the tab replaces the `handleReachBottom` and `handlePageRefresh` functions.
-  // Therefore, this will lead to a failure in refreshing the data of the current tab
-  // because `handlePageRefresh` and `handleReachBottom` has been replaced
-  // now they are set to refresh the data of the tab you switched to
-  if (!tabContentLoading.value)
-    activatedPage.value = tab.page
+  activatedPage.value = tab.page
 }
 
 function toggleTabContentLoading(loading: boolean) {
-  nextTick(async () => {
-    // Delay the closing effect to prevent the transition effect from being too stiff
-    if (!loading)
-      await delay(500)
-    tabContentLoading.value = loading
-  })
+  tabContentLoading.value = loading
 }
 </script>
 
diff --git a/src/contentScripts/views/Home/components/Following.vue b/src/contentScripts/views/Home/components/Following.vue
index 9e4a4e54..2159f685 100644
--- a/src/contentScripts/views/Home/components/Following.vue
+++ b/src/contentScripts/views/Home/components/Following.vue
@@ -79,9 +79,6 @@ async function initData() {
 }
 
 async function getData() {
-  if (isLoading.value)
-    return
-
   emit('beforeLoading')
   isLoading.value = true
 
diff --git a/src/contentScripts/views/Home/components/ForYou.vue b/src/contentScripts/views/Home/components/ForYou.vue
index 6d8b97c8..560a7983 100644
--- a/src/contentScripts/views/Home/components/ForYou.vue
+++ b/src/contentScripts/views/Home/components/ForYou.vue
@@ -127,9 +127,6 @@ async function initData() {
 }
 
 async function getData() {
-  if (isLoading.value)
-    return
-
   emit('beforeLoading')
   isLoading.value = true
   try {
@@ -567,10 +564,6 @@ defineExpose({ initData })
 
     <!-- no more content -->
     <Empty v-if="noMoreContent" class="pb-4" :description="$t('common.no_more_content')" />
-
-    <!-- <Transition name="fade">
-      <Loading v-show="isLoading" />
-    </Transition> -->
   </div>
 </template>
 
diff --git a/src/contentScripts/views/Home/components/SubscribedSeries.vue b/src/contentScripts/views/Home/components/SubscribedSeries.vue
index c8eb4982..268c041c 100644
--- a/src/contentScripts/views/Home/components/SubscribedSeries.vue
+++ b/src/contentScripts/views/Home/components/SubscribedSeries.vue
@@ -64,9 +64,6 @@ async function initData() {
 }
 
 async function getData() {
-  if (isLoading.value)
-    return
-
   emit('beforeLoading')
   isLoading.value = true
 
diff --git a/src/contentScripts/views/Home/components/Trending.vue b/src/contentScripts/views/Home/components/Trending.vue
index ee9706c2..1a9300a4 100644
--- a/src/contentScripts/views/Home/components/Trending.vue
+++ b/src/contentScripts/views/Home/components/Trending.vue
@@ -54,7 +54,15 @@ async function initData() {
 }
 
 async function getData() {
-  await getTrendingVideos()
+  emit('beforeLoading')
+  isLoading.value = true
+  try {
+    await getTrendingVideos()
+  }
+  finally {
+    isLoading.value = false
+    emit('afterLoading')
+  }
 }
 
 function initPageAction() {
@@ -72,8 +80,6 @@ async function getTrendingVideos() {
   if (noMoreContent.value)
     return
 
-  emit('beforeLoading')
-  isLoading.value = true
   try {
     let i = 0
     // https://github.com/starknt/BewlyBewly/blob/fad999c2e482095dc3840bb291af53d15ff44130/src/contentScripts/views/Home/components/ForYou.vue#L208
@@ -113,8 +119,6 @@ async function getTrendingVideos() {
   }
   finally {
     videoList.value = videoList.value.filter(video => video.item)
-    isLoading.value = false
-    emit('afterLoading')
   }
 }