fluent-reader icon indicating copy to clipboard operation
fluent-reader copied to clipboard

The backdrop-filter feature takes too much GPU usage on my computer

Open XinRoom opened this issue 3 years ago • 1 comments

Describe the bug

I found that I turned on the Gaussian Blur on my GPU (i5-10210U core display), which took up too high and stuttered.

To Reproduce Steps to reproduce the behavior:

  1. View switch to compact view
  2. Click on the list item
  3. Sliding

Expected behavior There is a switch to enable Gaussian blur in the settings.

Screenshots GPU is around 70% when backdrop-filter is enabled:

image

The corresponding code is:

.article-container {
    backdrop-filter: var(--blur);
    animation-name: fade;
    background-color: #0008;
}

After closing, it will be about 24%.

Platform (please complete the following information):

  • OS: [Windows 10 20H2]
  • Version [1.0.2]

XinRoom avatar Aug 20 '21 17:08 XinRoom

I have the same issue when i load the website page.

ztibeike avatar Sep 03 '21 07:09 ztibeike