Cordova Androidプラットフォームにて、Crosswalkプラグイン利用時と、通常のWebView利用時の速度差について

Question

Cordova環境にて、Android向けアプリ開発時に、
Crosswalkプラグインを利用したWebViewだと、WebView上で動作するSPAを読み込む時間が、
１回目：30秒、２回目以降：10秒の様に、２回目以降はキャッシュが効いてる様で、
SPAの画面が速く表示されます。

ところが

Crosswalkプラグインを利用しないWebViewだと、WebView上で動作するSPAを読み込む時間が、
１回目：30秒、２回目以降：30秒の様に、キャッシュが効かない様な動きとなり、
SPAの画面表示速度に変化がありません。。。

Crosswalkプラグインを使わない、Cordova標準（AndoridのWebView）で、
２回目以降の速度改善したいのですが、対応方法等が御座いませんでしょうか？

Android4.4系以降は、WebViewエンジンが速い物に変ってると検索で散見されるので、
SdkVersion等を上げていても状況変わらずとなっています。

以上、よろしくお願い致します。

[環境]
cordova -v　＞＞＞　6.5.0
cordova platform ls　＞＞＞　android 6.2.3

<preference name="android-minSdkVersion" value="21" /> <preference name="android-targetSdkVersion" value="26" />

Answer 1

https://forum.ionicframework.com/t/disabling-caching-in-crosswalk/24880/2

先ずはキャッシュなのか、切り分けされては？

あと、静的&ローカルなソースで30秒もかかるものでしょうか？
すごくソースがデカイとか？minifyするもの有りかも。

Comments

[Eiichi]

回答ありがとうございました。

元々はcrosswalkを使って２回目以降の速度問題はクリアしていたのですが、
crosswalkが開発中断した様で今後サポートされなくなるため、
標準WebViewに、わざわざ切り替えております。（遅いの解っていて）

とはいえ、標準WebViewで同じ位の速度が出ないかと調査していたところです。

あと、３０秒ですが理由は、遅い回線＆ＳＰＡのサイズ自体が大きい為、時間が掛かっています。
（ローカル環境等なら、そんなに掛からない。）

以上になります。

Answer 2

３０秒ですが理由は、遅い回線＆ＳＰＡのサイズ自体が大きい為、時間が掛かっています。

プロジェクトファイル（resフォルダやwwwフォルダ）のファイル以外で、ネットワーク経由で読み込んでいるってことですか？

Comments

[Eiichi]

こちらCordovaのWebView上にiframeを配置しており、
そのiframe内に外部サーバにあるSPAで作られたアプリを読み込んでるかっこうです。

SPA表示完了まで、
crosswalkでは、１回目は時間が掛かりますが、2回目以降は、時間が掛かってませんでした。
crosswalkを使わず、標準WebView(Andorid）にすると、２回目以降も１回目と同じ時間が掛かり困ってる。

になります。

[oikashinoa]

[キャッシュについて整理](https://qiita.com/anchoor/items/2dc6ab8347c940ea4648)

webviewが遅いのではなく、crosswalkがno-cacheなどキャッシュさせない設定を無視して居るのでは？と推測してみました。
iframe先を普通のブラウザで開いて速度が同じなら⇡の推測が正しいか判断できるかも。

[Eiichi]

■no-cacheについて
サーバから返される、 HTTPレスポンスヘッダをデベロッパーツールで確認しましたが、
レスポンスヘッダ内の項目に、Cache-Control自体が無い様でした。

■通常ブラウザとの動作比較
通常ブラウザでは、２回目以降のSPA読み込み時間は短くなる。
Cordova標準のWebView（内側のiframeに読み込ませる）を使った場合は、
2回目以降も１回目と同様にSPAの読み込み時間が掛かる。

Crosswalk（内側にiframe）を使っていた時は、SPAの２回目以降の読み込み時間が短くなる。

今現在は、Crosswalkを使えないので、Cordova標準のWebViewを使うが、
２回目以降も１回目と同様に時間が掛かる。

Cordova標準のWebView(android)を使った場合、
２回目以降の短縮できない理由（仕様）がハッキリしているなら、それはそれで諦めもつくのですが。。。。

[oikashinoa]

1. iframeではなく、inappbrowserで開いて測定してみて下さい。
WebViewとChromeで差が出るかの確認です。

2. 検証している環境は何でしょうか？
OSのVerによってWebviewの実装が異なっています。（違ってたらすみません）
4.4→OS組み込み
5.x→アプリとして実装
6以上→ChromeをWebViewとして使用

だからテスト環境が重要になってくると思います

[Eiichi]

ご連絡ありがとうございました。

■inappbrowser
　今回システム要件上の都合により、inappbrowserを事が出来ません。。。
　またWebView内にiframeを内包せず、WebView上に直接SPAのアドレス指定しても、
　結局２回目以降も遅いままでした。。。　iframeだから遅い等では無さそうです。

■環境について
　端末側のOSは、Andorid7.1.1、6.0.1等の端末にて検証しております。

　他作業も平行して進めているので、何か解ったら情報を追記する様に致します。