yang991178 / fluent-reader

Modern desktop RSS reader built with Electron, React, and Fluent UI
https://hyliu.me/fluent-reader/
BSD 3-Clause "New" or "Revised" License
7.74k stars 423 forks source link

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

Open XinRoom opened 3 years ago

XinRoom commented 3 years ago

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):

ztibeike commented 3 years ago

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