Optimize for different platforms (mobile, desktop, etc)

@satpreetsingh04
Thx for your tips. This is already part of my workflow. My question was related more to graphic performance, and not the intial loading.

@GlifTek
Today I already worked a little bit on a fps performance measure. Because I got yet no answer from the verge team of how to read the fps on runtime, I used a javascript function which I found at stackoverflow.

It seems to read the fps pretty accurate when I compare it to the verge internal showFPS. But I struggle a bit with the logic.

First try was just a simple if fps higher than do high quality, if lower then low quality. This seemed to work on my desktop computer, but on my smartphone. I have to think of a clever way to check performance reliable at startup

Sure, here you go:

var avgFPS = 0;
var quality = '';
app.renderCallbacks.push(function (delta, elapsed) {
	var FPS_INERTIA = 1;
	if (delta > 0) {
		avgFPS = v3d.MathUtils.expAverage(avgFPS, 1 / delta, delta, FPS_INERTIA);
		var fps = Math.round(avgFPS);

		if (fps >= 50 && quality != 'high') {
			app.enableSSAA(4);
			quality = 'high';
			console.log('high');
		}
		else if (fps > 20 && fps < 50 && quality != 'mid') {
			app.enableSSAA(2);
			quality = 'mid';
			console.log('mid');
		} else if (fps <= 20 && quality != 'low') {
			app.disablePostprocessing();
			console.log('low');
			quality = 'low';
		}
	}
});

This is the updated function for getting the fps which Ivan gave me.
But the problem still persists that its switching quality back and forth on my mobile. Seems that its stuck between to two fps ranges.
I think its better to get the average fps over a period of time and maybe just set the quality in the first 10 seconds or so