Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

[Performance Issue] On websites where Dark Reader is DISABLED, experiencing extremely bad performance for page loads

オープン
#16,006 コメント 3 件 リアクション 2 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
38/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
活発
技術スタック
typescript

調査の方向性

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 の本文から書いたものです。

説明

Chrome Chromium Based Browsers MacOs Performance 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
  1. Install Dark Reader
  2. Go to GitHub and disable Dark Reader for github.com
  3. 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!)
  4. Open a new tab
  5. Paste the URL (https://github.com/darkreader/darkreader) and press return
Performance Profile

Trace-20260918T015019.json.gz

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

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

darkreader/darkreader のほかの issue

darkreader/darkreader の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。