21
February
2024
Optimizing Mozilla FireFox Performance - Part 2
12:18

Optimizing Mozilla FireFox Performance - Part 2

21 February 2024 12:18

This article is devoted to optimizing the display of tickers in the Mozilla Firefox web browser.

(For starters: see part 1).

Running lines

On sites with stock exchange news, a creeping line is used with quotes for exchange rates and various assets - securities, gold. At the same time, on the one hand, the load on the processor increases, on the other hand, the browser is required to operate the “creeping line” as smoothly as possible.

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

Animation on the web page is implemented using the CSS (Cascading Style Sheets) class in the corresponding <DIV clas==".key-indicators__move.animate">key stock indicators

element.

CSS:

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

Here I tested various FireFox settings in about:config to optimize the display of sites with stock quotes or news tickers.

To save processor resources, the principle of regulating the load on the central processor is used using software Throttling - idle rest cycles in the application, which are added between working operations. The purpose of this is to reduce the load on the processor. At the same time, it is necessary to maintain maximum smoothness in the reproduction of moving text objects: exchange rates and stock quotes.

Research

Testing conditions - on the website rbc.ru. using mouse scrolling, I achieved the appearance of two creeping lines, then fixed the established value %Cpu(s).

quote_screen

!!!Note: there is a separate page on the RBC website with a “creeping line:https://www.rbc.ru/quote/ticker/338243.

First of all, I recommend that for the smoothness of the “creeping line” you enable the parameter in the about:config menu:

dom.workers.throttling.enabled = true

The numbers on the right are the processor load (%) in the program top(on the second monitor) - %Cpu(s).

I selected the following settings based on processor load, while maintaining smooth animation:

dom.timeout.throttling_delay
1 - 59
5 - 58
10 - 56
20 - 56
40 - 54
60 - 54
80 - 55
99 - 55
1000 - 56
30000 (default) - 55
optimal value:dom.timeout.throttling_delay = 30000(default)

dom.timeout.foreground_throttling_max_budget
(with dom.timeout.throttling_delay = 40)
-1 - 53
100 - 51-54
1000 - 53-55
optimal value:dom.timeout.foreground_throttling_max_budget = -1(default)

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 (default) - ?
optimal value:dom.timeout.budget_throttling_max_delay = -1(smooth movement of the creeping line)

layout.throttled_frame_rate
1 - 53
2 - 56
8 - 55
optimal value: 1 (default)

dom.animations.offscreen-throttling
false - 56
true - 53

Optimal value true (default)

media.throttle-factor
1 - 58
2 - 53
4 - 54
10 - 54
20 - 55
Optimal value 2 (default)

Conclusion

Optimal values for throttling parameters in Mozilla FireFox (for playing tickers)

Parameter Default New meaning
dom.workers.throttling.enabled false true
dom.timeout.budget_throttling_max_delay 15000 -1

Last change: 04/03/2026



Related publications