perf: reduce the number of items rendered on the first render

Signed-off-by: Innei <[email protected]>
RSSNext · Nov 18, 2024 · 6704d61 · 6704d61
1 parent 7b61df0
commit 6704d61
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/apps/renderer/src/modules/entry-column/index.tsx b/apps/renderer/src/modules/entry-column/index.tsx
@@ -44,6 +44,15 @@ const scrollSeekConfiguration: ScrollSeekConfiguration = {
   exit: (velocity) => Math.abs(velocity) < 1000,
 }
 
+const INITIAL_ITEM_COUNTS = {
+  [FeedViewType.Articles]: 10,
+  [FeedViewType.Pictures]: 20,
+  [FeedViewType.Videos]: 20,
+  [FeedViewType.SocialMedia]: 5,
+  [FeedViewType.Notifications]: 10,
+  [FeedViewType.Audios]: 10,
+}
+
 export type VirtuosoComponentProps = { onlyShowArchivedButton: boolean }
 type VirtuosoComponentPropsContext = { context?: VirtuosoComponentProps }
 
@@ -139,8 +148,10 @@ function EntryColumnImpl() {
 
   const scrollRef = useRef<HTMLDivElement>(null)
   const virtuosoOptions = {
+    initialItemCount: INITIAL_ITEM_COUNTS[view],
     components: {
       List: EntryListContent,
+
       Footer: useCallback(
         ({ context }: VirtuosoComponentPropsContext) => {
           if (!isFetchingNextPage) {