私は昨日新しいミニプロジェクト:www.mexicans.euで働いています。一つのことをするサイト:メキシコの歌、Jarabeを演奏する。ページの真ん中にはドアがあり、クリックするとドアを開くか閉じることができます。ドアを閉じると、メキシコの歌のフィルターが設定されます。基本的なwebaudioがそこに進んでいます。Google ChromeでXMLHttpRequestが遅い
問題はGoogle Chromeの読み込み時間ですが
_loadDoorSound: function(url, onload) {
var startTime = new Date().getTime();
var request = new XMLHttpRequest();
request.open('GET', url, true);
request.responseType = 'arraybuffer';
request.onload = function() {
var loadTime = new Date().getTime() - startTime;
console.log("Loaded sound in " + loadTime + " milliseconds");
console.log("Decoding sound");
this.ctx.decodeAudioData(request.response, function(buffer) {
this.AUDIO.buffer = buffer;
this.onload();
console.log("Decoded sound");
}.bind(this));
}.bind(this);
console.log("Loading sound");
request.send();
}
Google Chromeの読み込み時間は14秒です。 Firefoxでは約300ミリ秒です。しかし
。私がページをローカルに提供すると、Google ChromeはFirefoxと同じくらい速く読み込みます。しかし、なぜサーバーからサウンドを読み込むときに、Google Chromeが非常に遅いのですか?
PS:Webaudio APIをサポートしていないIEとSafariの不明な理由により、Internet Explorerのサイトはまだ動作しません。