Um die Geschwindigkeit zu optimieren, muss man wissen, wo die größten Löcher entstehen.
Daher habe ich ein Tool geschrieben mit dem ich in Sencha Touch überall und in jedem Browser die Zeit messen kann.
Download
Der Download liegt hier im Sencha Touch Market
Live-Beispiel
Das Beispiel ist über dem roten Bereich zu sehen.
Dabei lassen sich die Buttons auf der Stopuhr bedienen.
Links hält der Zeiger beim letzten getTime(‘demo’) an.
Rechts wird ein stop(‘demo’) und start(‘demo’) ausgeführt, so dass die Uhr zurückgesetzt wird.
Einbinden in Euer Projekt
Nach der Programmierung sollte Eurer so ähnlich aussehen.
Wichtig ist ‘Ext.ux’ und der ‘requires’ Teil
//<debugger>
Ext.Loader.setPath({
Ext: 'touch/src',
'App': 'pp',
'Ext.ux': 'ux'
});
//</debugger>
Ext.application({
name: 'App',
requires: [// UX
'Ext.ux.mgd.logger.Time'
],
...
Fügt die Dateien in folgendes Verzeichnis ein:
myApp
app
ux // << --- hier
mgd
logger
Time.js
Die folgenden Befehle kontrollieren den Timer:
Ext.ux.Time.start('time to read data from DB');
Ext.ux.Time.stop('time to read data from DB');
Ext.ux.Time.getTime('time to read data from DB');