PIXI 4.4.x Tips performance

gistfile1.txt

Global : 
- Dont use PIXI.Graphics
- render elements in the order of atlas/textures used : for 2 atlas or texture A & B, then render elements using AAAABBB instead of ABABABA
- On branch next from Pixi there is PIXI.mesh.Geometry & shaders very good for perf
http://dev.goodboydigital.com/client/goodboy/geometry/examples/index.html#/mesh/uniforms.js
- prefer generateSprite to cacheasbitmap to cache container/no animated element

Spritesheets:
- Use spritesheets whenever its possible
- Scales them down to 50% on mobile/tablet
- Add the extention @0.5x.png to the 50% scaledown so pixijs will double them automaticaly

Texture : 
- Release memory with : texture.destroy()
- If you plan to destroyed more than one at once add a random delay to their destruction to remove freezing
- delayed texture destroy if you plan to delete a lot of texture : 

let t = this.texture
setTimeout(t.destroy()},Math.random()*300+100)
this.texture = null

Text : 
- Dont change it on everyframe
- Double the font size & scale it down to 50% for shape render

Mask :
- Just dont fucking use it ( except extrem case ) ^_^
- generateSprite if static mask

Filters :
- Release memory : displayObject.filters = null 
- If you know the size of them: displayObject.filterArea = new PIXI.Rectangle(x,y,w,h)