Firefox and frame rate question

Question

Hi.Through much testing and trial and error I have come to the conclusion that Firefox browsers, from about version 50 onwards, throttle the frame rate. It appears to be a deliberate feature. The frame rate that is set is lowered, usually by a factor of 0.7 to 0.8. 30 fps dips down to 24, 80 fps down to 64, etc.The frame rate is being throttled. Launching a separate process that requires GPU resources, whether it is in the same browser (opening a new tab), or a different browser (Edge or Chrome running an animation at the same time), or any 2D graphics application, increases the animation frame rate in Firefox to approximately the set frame rate. 30 = 30. 80 = 80.Tests on two Windows 10 desktop PCs, and a Windows 7. The most recent Firefox version to implement the set frame rate was FF 47.I tried alternate timing modes, RAF and RAF_SYNCHED -- to no avail.Does anyone know a solution? I am tempted to raise the frame rate applied only to Firefox.

tnbnicer · Accepted Answer

Okay, I've done some more thinking and testing. The code above, using RAF_SYNCHED, approximates most closely the behavior of other browsers. Par for course perhaps. The frame rates that work best are divisors of 60. 30, 20, 12. Edge and Chrome don't like the switch, so you need a conditional statement and a code to detect Firefox. Example:

var ff=(('netscape' in window) && / rv:/.test(navigator.userAgent))?1:-1;

if (ff != -1) createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED;

I don't know precisely in what version FPS throttling became a feature. (The change must have been around the version FF dropped NPAPI.) The version may be irrelevant, since older versions evidently ignore RAF_SYNCHED. (Ticker.timingMode stays at default?) I'm checking on the browser version to be on the safe side. I think it doesn't matter. If there's no further post from me, consider it the best I could do. That is, you don't need to worry about the FF version. Older FF browsers work fine.

tnbnicer · Answer

createjs.Ticker.timingMode = createjs.Ticker.RAF;

createjs.Ticker.setFPS(lib.properties.fps);

Sets the frame rate at 60 always.

createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED;

createjs.Ticker.setFPS(lib.properties.fps);

Frame rates stutter too much and 60 fps is the maximum.

Target	Actual	Target	Actual	Target	Actual	Target	Actual
12	11	26	21	40	32	54	33
13	13	27	21	41	32	55	33
14	13	28	21	42	32	56	33
15	13	29	21	43	32	57	33
16	16	30	21	44	32	58	33
17	16	31	22	45	32	59	33
18	16	32	32	46	32	60	33
19	16	33	32	47	32	61	33
20	16	34	32	48	32	62	33
21	19	35	32	49	33	63	33
22	21	36	32	50	33	64	63
23	21	37	32	51	33	65	63
24	21	38	32	52	33	80	64
25	21	39	32	53	33

Target	Actual	Target	Actual	Target	Actual	Target	Actual
12	11	26	21	40	32	54	33
13	13	27	21	41	32	55	33
14	13	28	21	42	32	56	33
15	13	29	21	43	32	57	33
16	16	30	21	44	32	58	33
17	16	31	22	45	32	59	33
18	16	32	32	46	32	60	33
19	16	33	32	47	32	61	33
20	16	34	32	48	32	62	33
21	19	35	32	49	33	63	33
22	21	36	32	50	33	64	63
23	21	37	32	51	33	65	63
24	21	38	32	52	33	80	64
25	21	39	32	53	33

Target	Actual	Target	Actual	Target	Actual	Target	Actual
12	11	26	21	40	32	54	33
13	13	27	21	41	32	55	33
14	13	28	21	42	32	56	33
15	13	29	21	43	32	57	33
16	16	30	21	44	32	58	33
17	16	31	22	45	32	59	33
18	16	32	32	46	32	60	33
19	16	33	32	47	32	61	33
20	16	34	32	48	32	62	33
21	19	35	32	49	33	63	33
22	21	36	32	50	33	64	63
23	21	37	32	51	33	65	63
24	21	38	32	52	33	80	64
25	21	39	32	53	33

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded

Target	Actual	Target	Actual	Target	Actual	Target	Actual
12	11	26	21	40	32	54	33
13	13	27	21	41	32	55	33
14	13	28	21	42	32	56	33
15	13	29	21	43	32	57	33
16	16	30	21	44	32	58	33
17	16	31	22	45	32	59	33
18	16	32	32	46	32	60	33
19	16	33	32	47	32	61	33
20	16	34	32	48	32	62	33
21	19	35	32	49	33	63	33
22	21	36	32	50	33	64	63
23	21	37	32	51	33	65	63
24	21	38	32	52	33	80	64
25	21	39	32	53	33