Ich habe meinen eigenen Test geschrieben. Ich habe den Code auf Stackoverflow getestet, er funktioniert gut und sagt mir, dass Chrome/FF 6 Punkte erreichen kann.
var change = 0;
var simultanius = 0;
var que = 20; // number of tests
Array(que).join(0).split(0).forEach(function(a,i){
var xhr = new XMLHttpRequest;
xhr.open("GET", "/?"+i); // cacheBust
xhr.onreadystatechange = function() {
if(xhr.readyState == 2){
change++;
simultanius = Math.max(simultanius, change);
}
if(xhr.readyState == 4){
change--;
que--;
if(!que){
console.log(simultanius);
}
}
};
xhr.send();
});
Es funktioniert für die meisten Websites, die zu unterschiedlichen Zeiten ein Ereignis zur Änderung des Lesezustands auslösen können. (auch bekannt als "Flushing")
Ich bemerke auf meinem node.js-Server, dass ich mindestens 1025 Bytes ausgeben musste, um das Ereignis/Flush auszulösen. sonst die Ereignisse nur alle drei Zustand auf einmal auslösen würde, wenn die Anforderung abgeschlossen ist, so ist hier mein Backend:
var app = require('express')();
app.get("/", function(req,res) {
res.write(Array(1025).join("a"));
setTimeout(function() {
res.end("a");
},500);
});
app.listen(80);
Update
Ich habe festgestellt, dass Sie jetzt bis zu 2x Anfragen haben können, wenn Sie sowohl xhr als auch fetch api gleichzeitig verwenden
var change = 0;
var simultanius = 0;
var que = 30; // number of tests
Array(que).join(0).split(0).forEach(function(a,i){
fetch("/?b"+i).then(r => {
change++;
simultanius = Math.max(simultanius, change);
return r.text()
}).then(r => {
change--;
que--;
if(!que){
console.log(simultanius);
}
});
});
Array(que).join(0).split(0).forEach(function(a,i){
var xhr = new XMLHttpRequest;
xhr.open("GET", "/?a"+i); // cacheBust
xhr.onreadystatechange = function() {
if(xhr.readyState == 2){
change++;
simultanius = Math.max(simultanius, change);
}
if(xhr.readyState == 4){
change--;
que--;
if(!que){
document.body.innerHTML = simultanius;
}
}
};
xhr.send();
});
