Murata非同期で外部ファイルを読み込み、マップ表示速度を上げるODINの立案された配送計画の表示の部分(solveVRPResult)でマップの読み込み速度が遅いという問題がありました。具体的には、ルートと配送先が多数設定されているとそれぞれをマップ上に表示する外部ファイルの読み込みなどに時間がかかっていました。そこで、asyncまたdeferを活用して非同期で読み込むことで、表示速度を上げるということを試みました。async・・・読み込み開始は非同期、読み込みが完了したらすぐに実行(script要素の実行順が保証されないので依存関係のあるscript要素はうまくいかなくなるかも)defer・・・読み込み開始は非同期、読み込みが完了してもすぐには実行せず、DOMツリーの構築が完了してから実行それぞれの外部ファイルの内容を検証したところ、読み込まれる順番が重要だということがわかりました。deferでやってもそこまで速度が改善されず、なんとか全てasyncを使いつつ読み込む順番を工夫することで高速化を図りました。結果としては、それぞれの読み込み速度と読み込むべき順番を考慮し、1Mapboxのinitialize2各ルートの緯度経度のデコード3各ルートを異なる色の線として描画3マップ表示範囲の調整4SVGマーカーなどマーカー類の表示といったような順序になりました。ファイル内でのコードの順番(どこに呼び出し内容を書くか)というのも速度に影響していました。HTML→JavaScript(外部ファイル呼び出し、JS処理)としていたのをJavaScript(外部ファイル呼び出し)→HTML→JavaScript(JS処理)と変更しました。コメントをキャンセルメールアドレスが公開されることはありません。株式会社オンラインコンサルタント.%d人のブロガーが「いいね」をつけました。