Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

使用 CSS3 的硬件加速优化附件库的图片渲染性能 #3830

Closed
ruibaby opened this issue Apr 23, 2023 · 0 comments · Fixed by #3831
Closed

使用 CSS3 的硬件加速优化附件库的图片渲染性能 #3830

ruibaby opened this issue Apr 23, 2023 · 0 comments · Fixed by #3831
Assignees
@ruibaby
Labels
area/console Issues or PRs related to the Halo Console kind/improvement Categorizes issue or PR as related to a improvement.
Milestone
2.5.0

Comments

@ruibaby
Copy link
Member

ruibaby commented Apr 23, 2023

你当前使用的版本

2.4.2

描述一下此特性

如 #2387 中所说，目前 Halo 的附件系统还并不支持生成多种尺寸的缩略图，这会导致附件库列表和附件选择组件因为大图片和图片数量导致加载和操作卡顿，非常影响使用体验。所以期望在支持缩略图前，使用 CSS 的硬件加速（GPU 加速）对其进行优化。

目前已经简单进行了验证，可以得到较好的改善。

/kind improvement
/area console
/milestone 2.5.x
/assign

附加信息

No response
@f2c-ci-robot f2c-ci-robot bot added the kind/improvement Categorizes issue or PR as related to a improvement. label Apr 23, 2023
@f2c-ci-robot f2c-ci-robot bot added this to the 2.5.x milestone Apr 23, 2023
@f2c-ci-robot f2c-ci-robot bot added the area/console Issues or PRs related to the Halo Console label Apr 23, 2023
@ruibaby ruibaby mentioned this issue Apr 23, 2023
Merged
f2c-ci-robot bot pushed a commit that referenced this issue Apr 24, 2023
@ruibaby
perf: enable hardware acceleration for attachment images (#3831)
66eb0bb 
#### What type of PR is this?

/kind improvement
/area console
/milestone 2.5.x

#### What this PR does / why we need it:

为附件库的图片渲染添加硬件加速（GPU）的支持，可以改善在附件库包含大量大图时的操作体验，能够缓解卡顿的问题。不过最终还是需要 #2387 的支持。

测试（一共 60 张图片，合计 230m）：

before:

<img width="766" alt="image" src="https://user-images.githubusercontent.com/21301288/233842635-3181df5d-fd26-44f1-aa30-314a3dba05a6.png">

after:

<img width="858" alt="image" src="https://user-images.githubusercontent.com/21301288/233842542-38a43b82-6452-4728-81ab-45f0cf528465.png">

#### Which issue(s) this PR fixes:

Fixes #3830 

#### Special notes for your reviewer:

测试方式：

1. 上传若干大图，对比修改前对附件库的操作，以及在文章中选择附件。

#### Does this PR introduce a user-facing change?

```release-note
优化 Console 端附件库的图片渲染性能。
```
@ruibaby ruibaby modified the milestones: 2.5.x, 2.5.0 Apr 24, 2023
@guqing guqing mentioned this issue Aug 7, 2024
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ruibaby ruibaby

Labels
area/console Issues or PRs related to the Halo Console kind/improvement Categorizes issue or PR as related to a improvement.
Projects
None yet
Milestone
2.5.0
Development

Successfully merging a pull request may close this issue.

perf: enable hardware acceleration for attachment images ruibaby/halo
1 participant
@ruibaby