cordova javascript 性能改善

Question

cordoovaを使いハイブリッドアプリを作成しました。
それなりにDLされたのですが、少し重いとのレビューが多く改善したいなと思いました。

フレームワークはAngurJS1.x系を用いています。
要因の一つですが、AngularJSパフォーマンスあまりよくないようですね。

でいくつか質問です。
・htmlの各タグに直接styleをつけるのとcssでファイル分けするので描画速度変わりますか？
・javascriptのコード量が多いと実行速度は遅くなるでしょうか。
・文字列結合する場合はどれが一番早いでしょうか
・array.push(x)よりarray[array.length]=xのほうが早いのでしょうか
・AngularJSで処理をServiceとかFactoryに適切に切り離すと早くなるでしょうか

またなにかよさそうな情報があれば教えていただけたら幸いです。

Answer 1

・htmlの各タグに直接styleをつけるのとcssでファイル分けするので描画速度変わりますか？

一般的なWebサイトの場合、ページを表現する為にHTMLファイルの他にJS、CSS、画像ファイル等を個別にHTTP通信を駆使して取りに行くことになります。
例えば日本からブラジルのサイトを見に行ったらTCP接続の確立だけで地球を1.5周、ファイルのやり取りでもう1周みたいなやり取りが発生するわけです。
光の速さは地球を1秒間にたった7周しか出来ないので、10個のCSSファイルをやり取りしようとするととんでもない事になります。

流石にこれはアホだということで、HTTP2という規格が作られました。
コネクションの確立は1回行ったあとは繋ぎっぱなしにし、依存ファイルをまとめてDLしてしまうという手法です。
HTTP2はどんどん普及していますので、ファイル分けが速度の低下に影響を及ぼす事はなくなってきます。

脱線しましたがcordoovaに戻ります。

全て同じスマホの中で動作しますよね？
Webサイトの常識ではCSSファイルを沢山分割しない方が良いですが、
cordoovaの世界では可読性の為にCSSファイルを適切に分割する事がデメリットにはならないでしょう。

・javascriptのコード量が多いと実行速度は遅くなるでしょうか。

一般的にそのように言われていますが、AngularJS1系の行数はご存知ですか？
10数万行です。
この時点で貴方が出来る事など些細な事でしょう。

・文字列結合する場合はどれが一番早いでしょうか

配列作ってarray.join('')がメモリ消費量は多いものの速いと聞いた気がします。
ただし、JITコンパイラーにより最適化処理が走りますので、ブラウザやWebViewのバージョンによりいくらでも前後します。
何かのベンチマーク記事を見て鵜呑みにするような事はしないでください。

・array.push(x)よりarray[array.length]=xのほうが早いのでしょうか

誤差です。
理由は上記と同じくJITコンパイラー、速度面だけみて決定することのないようにしてください。

・AngularJSで処理をServiceとかFactoryに適切に切り離すと早くなるでしょうか

無駄な処理をぐるぐる何度も発火させているようなケースでは速度の向上は期待出来ます。
それ以外のケースでは速度には恩恵はありません。