From 4caa63e84fd3fee4a8f3b4491a05d222fc3be3e5 Mon Sep 17 00:00:00 2001
From: Shinigami <chrissi92@hotmail.de>
Date: Sat, 7 Sep 2024 11:27:01 +0200
Subject: [PATCH] perf: reduce timeline limit on slow connection (#2945)

---
 components/timeline/TimelineHome.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/timeline/TimelineHome.vue b/components/timeline/TimelineHome.vue
index 41d099c51..a3a4cf46a 100644
--- a/components/timeline/TimelineHome.vue
+++ b/components/timeline/TimelineHome.vue
@@ -1,7 +1,11 @@
 <script setup lang="ts">
 import type { mastodon } from 'masto'
 
-const paginator = useMastoClient().v1.timelines.home.list({ limit: 30 })
+const { isSupported, effectiveType } = useNetwork()
+const isSlow = computed(() => isSupported.value && effectiveType.value && ['slow-2g', '2g', '3g'].includes(effectiveType.value))
+const limit = computed(() => isSlow.value ? 10 : 30)
+
+const paginator = useMastoClient().v1.timelines.home.list({ limit: limit.value })
 const stream = useStreaming(client => client.user.subscribe())
 function reorderAndFilter(items: mastodon.v1.Status[]) {
   return reorderedTimeline(items, 'home')