[Performance Issue] On websites where Dark Reader is DISABLED, experiencing extremely bad performance for page loads
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 38/100
- issue の種類
- バグ
- 明瞭さ
- 説明が足りない
- 活発さ
- 活発
- 技術スタック
- typescript
- 領域
- frontend, performance
調査の方向性
Start by reproducing the listed steps with “detect dark theme” enabled and Dark Reader disabled for GitHub, then inspect the attached performance trace. Compare behavior in Chrome and Firefox; done means disabled sites no longer show broken rendering or delays of up to 25 seconds after opening a new tab.
索引モデルが issue の本文から書いたものです。
説明
Prerequisites
- I searched for any existing report about this performance issue to avoid opening a duplicate.
- I have restarted the web browser to check if that resolved this performance issue.
- I can reproduce this performance issue in a new, unmodified web browser profile with Dark Reader installed as the only extension.
Performance Issue Description
See the attached video. Recently, when opening a new tab, Dark Reader has been causing websites to appear broken for as long as 25 seconds. Worse yet -- this happens even for websites where Dark Reader is disabled! The issue resolves itself when clicking the Dark Reader icon, or when Dark Reader is disabled. See the attached video. Replicated using a new blank Chrome profile. The issue only happens when "detect dark theme" is enabled. I was able to reproduce in Firefox 156.0 as well as Chrome.
Website Address
https://github.com/darkreader/darkreader
Steps To Reproduce
- Install Dark Reader
- Go to GitHub and disable Dark Reader for github.com
- Disable and re-enable Dark Reader in Extensions settings (the issue reproduces ~20% of the time without doing this step, and maybe ~90% of the time when including this step!)
- Open a new tab
- Paste the URL (https://github.com/darkreader/darkreader) and press return
Performance Profile
Screenshots
Video demonstrating the issue:
https://github.com/user-attachments/assets/8e8e77a7-692f-462d-a79e-257001e0f3fb
Video of my screen while I recorded the attached performance trace:
https://github.com/user-attachments/assets/2ada7166-329e-4d3f-8bed-a2240e3e7df2
Operating System
macOS 27.0
Web Browser name and version
Google Chrome Version 153.0.8010.53 (Official Build) (arm64)
Dark Reader version
4.9.132
Does this happen when Dark Reader is disabled?
No
Does this happen in other web browsers?
Yes
Additional Context
- I understand that "detect dark theme" is a computationally intensive thing to do. I would get a second or two, but 25 seconds is far too long for something like this and it makes browsing the web frustrating since this happens seemingly at random.
- This is not simply Dark Reader's "dark theme" version of GitHub; it's a broken, half-rendered version. For example, even with Dark Reader fully enabled, the "Code" button should be green, but in this broken state it is black, and there are other visual artifacts as well.
- 主要言語
- TypeScript
- スター
- 22.4k
- フォーク
- 2.8k
- 平均マージ
- 22時間 56分
- マージ済み PR(30日)
- 61
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
darkreader/darkreader のほかの issue
-
Broken Website
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
darkreader/darkreader#15999 · コメント 5 件 ·
-
難易度 1/5 1時間未満 初心者へのやさしさ 88/100
darkreader/darkreader#15570 ·
-
enhancement
難易度 1/5 1時間未満 初心者へのやさしさ 64/100
darkreader/darkreader#13250 ·
-
access needed Broken Website
難易度 3/5 1〜2日 初心者へのやさしさ 48/100
darkreader/darkreader#16014 · コメント 1 件 ·
-
bug
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
darkreader/darkreader#15998 · コメント 4 件 ·
darkreader/darkreader の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
mksglu/context-mode#1200 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
jaegertracing/jaeger-ui#4506 ·
-
area:desktop area:ui bug platform:macos
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
anthropics/claude-code#96687 ·
-
good first issue
難易度 1/5 1時間未満 初心者へのやさしさ 95/100
AOSSIE-Org/DebateAI#582 · コメント 2 件 ·