21
Februar
2024
Optimierung der Leistung von Mozilla Firefox – Teil 2
12:18

Optimierung der Leistung von Mozilla Firefox – Teil 2

21 Februar 2024 12:18

Dieser Artikel widmet sich der Optimierung der Anzeige von Tickern im Webbrowser Mozilla Firefox.

(Für den Anfang: siehe Teil 1).

Lauflinien

Auf Websites mit Börsennachrichten wird eine schleichende Linie mit Notierungen für Wechselkurse und verschiedene Vermögenswerte – Wertpapiere, Gold – verwendet. Gleichzeitig steigt einerseits die Belastung des Prozessors, andererseits wird vom Browser gefordert, die „schleichende Linie“ möglichst flüssig zu bedienen.

Beispiel:https://www.rbc.ru/quote/ticker/338243

Die Animation auf der Webseite wird mithilfe der CSS-Klasse (Cascading Style Sheets) im entsprechenden <DIV clas==".key-indicators__move.animate">Key Stock Indicators

-Element implementiert.

CSS:

.key-indicators__move.animate
{
   animation-timing-function:linear;
   animation-iteration-count:infinite;
   animation-duration:30s;
   animation-play-state:running;
   animation-name:move
}

Hier habe ich verschiedene FireFox-Einstellungen in about:config getestet, um die Anzeige von Seiten mit Börsenkursen oder Newstickern zu optimieren.

Um Prozessorressourcen zu schonen, wird das Prinzip der Regulierung der Belastung des Zentralprozessors durch Software-Drosselung genutzt – Leerlauf-Ruhezyklen in der Anwendung, die zwischen Arbeitsvorgängen eingefügt werden. Der Zweck besteht darin, die Belastung des Prozessors zu verringern. Gleichzeitig muss bei der Wiedergabe bewegter Textobjekte wie Wechselkursen und Börsenkursen eine maximale Reibungslosigkeit gewährleistet sein.

Forschung

Testbedingungen - auf der Website rbc.ru. Durch Scrollen mit der Maus habe ich das Aussehen von zwei kriechenden Linien erreicht und dann den festgelegten Wert korrigiert %Cpu(s).

quote_screen

!!!Hinweis: auf der RBC-Website gibt es eine separate Seite mit einer „schleichenden Linie:https://www.rbc.ru/quote/ticker/338243.

Zunächst empfehle ich, dass Sie für die Glätte der „Kriechlinie“ den Parameter im Menü about:config aktivieren:

dom.workers.throttling.enabled = true

Die Zahlen auf der rechten Seite geben die Prozessorlast (%) im Programm an top(auf dem zweiten Monitor) – %Cpu(s).

Ich habe die folgenden Einstellungen basierend auf der Prozessorlast ausgewählt und dabei eine reibungslose Animation gewährleistet:

dom.timeout.throttling_delay
1 - 59
5 - 58
10 - 56
20 - 56
40 - 54
60 - 54
80 - 55
99 - 55
1000 - 56
30000 (Standard) – 55
optimaler Wert:dom.timeout.throttling_delay = 30000(Standard)

dom.timeout.foreground_throttling_max_budget
(mit dom.timeout.throttling_delay = 40)
-1 - 53
100 - 51-54
1000 - 53-55
optimaler Wert:dom.timeout.foreground_throttling_max_budget = -1(Standard)

dom.timeout.budget_throttling_max_delay
-1 - 58-60
0 - 54
1 - 54-56
50 - 55-58
80 - 55-57
100 - 52-54
130 - 53-56
200 - 59-60
15000 (Standard) - ?
optimaler Wert:dom.timeout.budget_throttling_max_delay = -1(sanfte Bewegung der Kriechlinie)

layout.throttled_frame_rate
1 - 53
2 - 56
8 - 55
optimaler Wert: 1 (Standard)

dom.animations.offscreen-throttling
falsch - 56
wahr - 53

Optimaler Wert wahr (Standard)

media.throttle-factor
1 - 58
2 - 53
4 - 54
10 - 54
20 - 55
Optimaler Wert 2 (Standard)

Fazit

Optimale Werte für Drosselungsparameter in Mozilla FireFox (zum Abspielen von Tickern)

Parameter Standard Neue Bedeutung
dom.workers.throttling.enabled falsch wahr
dom.timeout.budget_throttling_max_delay 15000 -1

Letzte Änderung: 03.04.2026



Verwandte Veröffentlichungen