4

Web ページの速度を上げようとしていますが、速度を落としている原因の 1 つは Google マップです。現在、次のように設定しています。

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=key_goes_here&amp;sensor=false"></script>
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>

そして私のdocument.readyスクリプトでは：

google.maps.event.addDomListener(window, 'load', initialize);

これに代わるものはありますか、非同期ロードを試しましたが、インフォボックスで動作させることができませんでした。

4

3 に答える 3

1

マップを非同期で読み込むことができます: https://google-developers.appspot.com/maps/documentation/javascript/examples/map-simple-asyncを参照してください

静的マップで十分な場合は、これを使用できます。ユーザーが完全なマップを必要としたら、それをロードできます。

Infobox.js が必要ない場合は削除してください。それでも必要な場合は、より小さいパック バージョン (infobox_packed.js) をロードします。

最後になりましたが、Web ページが Google Chrome のような専有プロファイラーにどのように読み込まれるかを確認してください。

于 2013-04-23T12:02:40.670 に答える
0

Google API を非同期でロードできます。その後、マップのロード プロセスが完了したことを示すカスタム イベントを作成できます。マップで写真を使用できます。イベントが発生したときに写真を非表示にすると、「スローロード効果」のないマップが表示されます。

于 2013-12-03T10:19:11.610 に答える