21
février
2024
Optimisation des performances de Mozilla FireFox - Partie 2
12:18

Optimisation des performances de Mozilla FireFox - Partie 2

21 février 2024 12:18

Cet article est consacré à l'optimisation de l'affichage des tickers dans le navigateur web Mozilla Firefox.

(Pour commencer : voir partie 1).

Lignes de course

Sur les sites d'actualités boursières, une ligne rampante est utilisée avec les cotations des taux de change et de divers actifs - titres, or. Dans le même temps, d'une part, la charge sur le processeur augmente, d'autre part, le navigateur doit faire fonctionner la « ligne rampante » de la manière la plus fluide possible.

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

L'animation sur la page Web est implémentée à l'aide de la classe CSS (Cascading Style Sheets) dans l'élément <DIV clas==".key-indicators__move.animate">indicateurs de stock clés

correspondant.

CSS :

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

Ici, j'ai testé divers paramètres de FireFox dans about:config pour optimiser l'affichage des sites avec des cotations boursières ou des téléscripteurs d'actualités.

Pour économiser les ressources du processeur, le principe de régulation de la charge sur le processeur central est utilisé à l'aide du logiciel Throttling - des cycles de repos inactifs dans l'application, qui sont ajoutés entre les opérations de travail. Le but est de réduire la charge sur le processeur. Dans le même temps, il est nécessaire de maintenir une fluidité maximale dans la reproduction des objets texte en mouvement : taux de change et cotations boursières.

Recherche

Conditions de test - sur le site rbc.ru. en utilisant le défilement de la souris, j'ai obtenu l'apparition de deux lignes rampantes, puis j'ai fixé la valeur établie % processeurs.

quote_screen

!!!Remarque : il y a une page séparée sur le site Web de RBC avec une « ligne rampante :https://www.rbc.ru/quote/ticker/338243.

Tout d'abord, je recommande que pour la fluidité de la « ligne rampante » vous activiez le paramètre dans le menu about:config :

dom.workers.throttling.enabled = vrai

Les chiffres à droite sont la charge du processeur (%) dans le programme top(sur le deuxième moniteur) - %Cpu(s).

J'ai sélectionné les paramètres suivants en fonction de la charge du processeur, tout en conservant une animation fluide :

dom.timeout.throttling_delay
1 - 59
5 - 58
10 - 56
20 - 56
40 - 54
60 - 54
80 - 55
99 - 55
1000 - 56
30 000 (par défaut) - 55
valeur optimale :dom.timeout.throttling_delay = 30000(par défaut)

dom.timeout.foreground_throttling_max_budget
(avec dom.timeout.throttling_delay = 40)
-1 - 53
100 - 51-54
1000 - 53-55
valeur optimale :dom.timeout.foreground_throttling_max_budget = -1(par défaut)

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
15 000 (par défaut) - ?
valeur optimale :dom.timeout.budget_throttling_max_delay = -1(mouvement fluide de la ligne rampante)

layout.throttled_frame_rate
1 - 53
2 - 56
8 - 55
valeur optimale : 1 (par défaut)

dom.animations.offscreen-throttling
faux - 56
vrai - 53

Valeur optimale vrai (par défaut)

media.throttle-facteur
1 - 58
2 - 53
4 - 54
10 - 54
20 - 55
Valeur optimale 2 (par défaut)

Conclusion

Valeurs optimales pour les paramètres de limitation dans Mozilla FireFox (pour jouer aux tickers)

Paramètre Par défaut Nouveau sens
dom.workers.throttling.enabled faux vrai
dom.timeout.budget_throttling_max_delay 15000 -1

Dernière modification : 04/03/2026



Publications connexes