javascript - Importing model into three.js - performance -

is there good/recommended approach regarding performance load 3d model file used in three.js javascript application (especially model generated in blender)?

i have following workflow:

1. create model in blender.
2. export using three.js exporter.
3. load javascript using three.jsonloader

this works great except resultant json file can around 4mb , if reduce size. wondering best approach is: -

• minify json file (a bit tricky of js minifiers have come accross don't seem work), or
• use gzip compression (a bit of handshaking required), or
• use binary format (i imagine requires conversion json) or
• use openctm format (unfortunately scripts don't seem work in blender 2.70).

i have done research, representative examples being here, here, here , here. have found main approaches seem fall under have listed in bullet points above. each have hurdles overcome.

so, asking - there good/recommended approach regarding performance load model file?

update

so, has been while since asked question , thought i'd report on approach took. in end optimised models, reducing number of vertices without loss of visible quality size using them for. cache on client in indexeddb blob.

i've had experience kind of problem. issue here model has lot of points/polygons. no matter format use every point , face of model has described. ensures large file size , there no way around it.

my solution @ blender rather three.js , optimise models. there ton of posts on topic (e.g. here, here, , here). after learning more how blender works, able reduce of 4-8 mb meshes down < 200kb each without noticable degradation objects rendered in browser.