Lately I have beeing looking at ways to optimize some actionscript 2.0 code.
I had two goals, the first was to reduce the size of the .swf file and the second was to make some parts of it faster at runtime.
I will try and write a series of posts describing what I have learned and still am learning from this.
Generally speaking - in most cases optimizing for speed comes at the expence of space and vice versa. also there are isues with how easy the code is to maintain after optimizing. With all that in mind I started looking at my code.
At first I was looking at the code at the action script level, but very soon i decided that If I realy want to understand what is gooing on under the hood I will have to look at bytecode (or actually P-Code at that stage).
Tools
The first thing that drew my attantion when I looked at the flasm output .flm file for my .swf was the repeating pattern
push 'com'
getVariable
push 'name'
getMember
push 'space'
getMember
push 'parts'
getMember
push 'functionName'
getMember
that was allover the place.
could it be?
each type that I write com.name.space.parts.function() it does all that ?
but wait - I have an import statement - is it not chaching those refrences somehow ?
argh... is that the price for deveoping a nice heirarchical class library ?
o.k. - lets cool down - lets try a simple example.
Lets look at the .flm of a project that includes two classes:
class com.epeleg.utils.Debug {
public static function traceThis(s) {
trace(s)
}
}
and a Main class:
import com.epeleg.utils.Debug;
class Main
{
public static function main():Void
{
Debug.traceThis('hello');
Debug.traceThis('world');
}
}
Lets build (in release mode) this and look at the results:
The .swf was 425 bytes.
if you realy must (and if you are like me - you probably do) see the entire .flm that was created
Click Here:
movie 'PATH_TO_MY_SWF.swf' compressed // flash 8, total frames: 1, frame rate: 30 fps, 800x600 px
defineMovieClip 20480 // total frames: 1
end // of defineMovieClip 20480
exportAssets
20480 as '__Packages.Main'
end // of exportAssets
initMovieClip 20480
constants 'Main', '_global', 'prototype', 'main', 'hello', 'com', 'epeleg', 'utils', 'Debug', 'traceThis', 'world', 'ASSetPropFlags'
push 'Main'
getVariable
not
not
branchIfTrue label1
push '_global'
getVariable
push 'Main'
function2 () (r:1='this', r:2='super')
end // of function
setRegister r:0
setMember
push r:0, 'prototype'
getMember
setRegister r:1
pop
push r:0, 'main'
function2 () (r:1='this')
push 'hello', 1, 'com'
getVariable
push 'epeleg'
getMember
push 'utils'
getMember
push 'Debug'
getMember
push 'traceThis'
callMethod
pop
push 'world', 1, 'com'
getVariable
push 'epeleg'
getMember
push 'utils'
getMember
push 'Debug'
getMember
push 'traceThis'
callMethod
pop
end // of function
setMember
push 1, NULL, r:1, 3, 'ASSetPropFlags'
callFunction
pop
label1:
end // of initMovieClip 20480
defineMovieClip 20481 // total frames: 1
end // of defineMovieClip 20481
exportAssets
20481 as '__Packages.com.epeleg.utils.Debug'
end // of exportAssets
initMovieClip 20481
constants 'com', 'epeleg', 'utils', 'Debug', '_global', 'Object', 'prototype', 'traceThis', 'ASSetPropFlags'
push 'com'
getVariable
push 'epeleg'
getMember
push 'utils'
getMember
push 'Debug'
getMember
not
not
branchIfTrue label4
push 'com'
getVariable
not
not
branchIfTrue label1
push '_global'
getVariable
push 'com', 0, 'Object'
new
setMember
label1:
push 'com'
getVariable
push 'epeleg'
getMember
not
not
branchIfTrue label2
push '_global'
getVariable
push 'com'
getMember
push 'epeleg', 0, 'Object'
new
setMember
label2:
push 'com'
getVariable
push 'epeleg'
getMember
push 'utils'
getMember
not
not
branchIfTrue label3
push '_global'
getVariable
push 'com'
getMember
push 'epeleg'
getMember
push 'utils', 0, 'Object'
new
setMember
label3:
push '_global'
getVariable
push 'com'
getMember
push 'epeleg'
getMember
push 'utils'
getMember
push 'Debug'
function2 () (r:1='this', r:2='super')
end // of function
setRegister r:0
setMember
push r:0, 'prototype'
getMember
setRegister r:1
pop
push r:0, 'traceThis'
function2 (r:2='s') (r:1='this')
end // of function
setMember
push 1, NULL, r:1, 3, 'ASSetPropFlags'
callFunction
pop
label4:
end // of initMovieClip 20481
frame 0
constants 'MTASC_MAIN', 'this', 'Main', 'main'
push 'MTASC_MAIN'
setRegister r:0
pop
push 'this'
getVariable
push 1, 'Main'
getVariable
push 'main'
callMethod
pop
end // of frame 0
end
otherwise (or afterwards) lets focus for a moment on the following:
push r:0, 'main'
function2 () (r:1='this')
push 'hello', 1, 'com'
getVariable
push 'epeleg'
getMember
push 'utils'
getMember
push 'Debug'
getMember
push 'traceThis'
callMethod
pop
push 'world', 1, 'com'
getVariable
push 'epeleg'
getMember
push 'utils'
getMember
push 'Debug'
getMember
push 'traceThis'
callMethod
pop
end // of function
this is the code that is generated by the compiler, yep - read it again...
now if I would go to optimize this by manipulating the code at this level I could probably do something like:
push r:0, 'main'
function2 () (r:1='this')
push 'world','hello', 1, 'com'
getVariable
push 'epeleg'
getMember
push 'utils'
getMember
push 'Debug'
getMember
dup
push 'traceThis'
callMethod
pop
push 'traceThis'
callMethod
pop
end // of function
well, this might work for some people, personally - (at least now) I had no intentions for manipulating the code at this level - what I wanted was a way to change my actionscript to force the compiler to create something smarter.
Attempt 2change the main class to:
a Main class:
import com.epeleg.utils.Debug;
class Main
{
public static function main():Void
{
var TR=Debug.traceThis;
TR('hello');
TR('world');
}
}
and looking at the appripriate section again (sorry - no full code again) we now have:
push r:0, 'main'
function2 () (r:1='this')
push 'com'
getVariable
push 'epeleg'
getMember
push 'utils'
getMember
push 'Debug'
getMember
push 'traceThis'
getMember
setRegister r:2
pop
push 'hello', 1, r:2, UNDEF
callMethod
pop
push 'world', 1, r:2, UNDEF
callMethod
pop
end // of function
o.k. now this looks better, only thing is that the .swf is now 428 bytes.
this is reasonable beacuse we added the new variable to the constant pull.
also what is this UNDEF ?
lets try a different version for class main:
import com.epeleg.utils.Debug;
class Main
{
public static function main():Void
{
var DGB=Debug;
DGB.traceThis('hello');
DGB.traceThis('world');
}
}
swf size is still 428 bytes, but the ugly UNDEF is gone,
push r:0, 'main'
function2 () (r:1='this')
push 'com'
getVariable
push 'epeleg'
getMember
push 'utils'
getMember
push 'Debug'
getMember
setRegister r:2
pop
push 'hello', 1, r:2, 'traceThis'
callMethod
pop
push 'world', 1, r:2, 'traceThis'
callMethod
pop
end // of function
is This realy better - The Quick answer is No, actually the one with the UNDEF is better then the last one.
Why ? I will try and explain on the next Post where we wil take a closer look at the actual bytecode.
Thats all for now.
