CSE Webサービスからデータを取得するJQuery Mobileサイトを作成しました。私はgithubでもtehのソースをリリースしました。JQuery Mobileサイトはブラウザでは動作しますがモバイルブラウザでは動作しません
ブラウザでロードするとサイトが正常に動作しますが、モバイルブラウザ経由でロードしようとすると、読み込み中に....!
私はいくつかのことができますか? Webサービスから受け取るXMLファイルのサイズとは何か関係ありますか?事前にお時間を
感謝。
CSE Webサービスからデータを取得するJQuery Mobileサイトを作成しました。私はgithubでもtehのソースをリリースしました。JQuery Mobileサイトはブラウザでは動作しますがモバイルブラウザでは動作しません
ブラウザでロードするとサイトが正常に動作しますが、モバイルブラウザ経由でロードしようとすると、読み込み中に....!
私はいくつかのことができますか? Webサービスから受け取るXMLファイルのサイズとは何か関係ありますか?事前にお時間を
感謝。
あなたの接続(3G、LTE、Wifi)によっては、確かにXMLファイルを読み込む際のレイテンシになるかもしれませんが、それは巨大ではない〜130kbです。ブラウザの読み込みに2.75秒かかりました。
あなたはすでにGoogle ChromeのようなものでこのWebアプリケーションのプロファイルを作成しましたか?プロファイルを実行してページをロードすると、ロード時間の60%以上がjqueryフィルタセレクタで失われていることがわかります。つまり、実際にendCallService
の機能をチューニングすることで利益を得ることができます。
xmlドキュメントのサイズのため、トラバースする時間を減らすことができれば、コードはより良く機能します。
listStr = listStr + .... xmlHttpRequest[0][j][i]
最初[0]
は、最初のテーブル要素である:私はあなたがこのようなもので物事を高速化することができると思うので、XMLHttpRequestオブジェクトを配列として横断することができます。次の位置は、[j]
です。その後、[i]
はあなたの列です。
それを試して、それがうまくいくかどうかを確認できますか?私はあなたのproxy.phpスクリプトにアクセスしようとしているサーバーのエラーを取得していたので、jsfiddleでテストすることができませんでした。
これは正常に動作するはずです。そうすると、次のネストループでロードしている他のオブジェクトから同じパフォーマンスを絞り出すことができます。 (var shareName、shareVolumeなど)。
乾杯!