OpenListTeam / OpenListTeam/OpenList-Frontend

[Feature] 增强大量动图加载逻辑(防卡顿)

Open
#195 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
TypeScript
Stars
100
Forks
240
Avg merge
22h 42m
Merged PRs (30d)
17

Description

请确认以下事项
  • 我已确认阅读并同意 AGPL-3.0 第15条
    本程序不提供任何明示或暗示的担保,使用风险由您自行承担。

  • 我已确认阅读并同意 AGPL-3.0 第16条
    无论何种情况,版权持有人或其他分发者均不对使用本程序所造成的任何损失承担责任。

  • 我确认我的描述清晰,语法礼貌,能帮助开发者快速定位问题,并符合社区规则。

  • 我已确认阅读了OpenList文档

  • 我已确认没有重复的问题或讨论。

  • 我认为此问题必须由OpenList处理,而非第三方。

  • 我已确认此功能尚未被实现。

  • 我已确认此功能是合理的,且有普遍需求,并非我个人需要。

需求描述

希望能够在使用视图模式时不要一次性加载所有的图片,或者给非视图模式加入一个类似视频预览的翻页功能。这样可以避免有很多高清webp动图加载时的卡顿。

实现思路

视图模式可以设置为动图仅加载第一帧,或者加入进入图片预览的翻页功能。

附加信息

No response

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No files or tests are named. Start by locating the view-mode rendering and image-preview entry points, then determine how animated images are currently loaded. Done should mean that many high-resolution animated WebP files no longer load simultaneously, with either first-frame loading or paginated preview behavior covered by appropriate checks.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, performance, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.