Javascript 获取页面加载时间,X次
我正在研究多个Javascript图表库的速度。我制作了一些测试页面,4个图形,每个都带有库,如Highcharts、Flot、D3、AmCharts、FusionCharts等 现在我想运行每个页面100次,以获得每个库各自的加载速度和平均值。我甚至不确定这是否可能 我想做以下几件事: 使用CURL-PHP加载带有图形的页面Javascript 获取页面加载时间,X次,javascript,php,performance,curl,Javascript,Php,Performance,Curl,我正在研究多个Javascript图表库的速度。我制作了一些测试页面,4个图形,每个都带有库,如Highcharts、Flot、D3、AmCharts、FusionCharts等 现在我想运行每个页面100次,以获得每个库各自的加载速度和平均值。我甚至不确定这是否可能 我想做以下几件事: 使用CURL-PHP加载带有图形的页面 function getContents($url) { $ch = curl_init(); $header = array( 'User-Agent: Moz
function getContents($url) {
$ch = curl_init();
$header = array(
'User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12',
'Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',
'Accept-Language: en-us,en;q=0.5',
'Accept-Encoding: gzip,deflate',
'Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7',
'Keep-Alive: 115',
'Connection: keep-alive',
);
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, $header);
$result = curl_exec($ch);
curl_close($ch);
}
在页面本身上,使用Javascript捕获加载时间,并将其写入PHP文件
var loadTime = window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart;
$.ajax({
type: "POST",
url: "SaveTime.php",
data: {action: "saveloadtime", time: loadTime}
})
.done(function(msg) {
});
但是,这将只运行一次,而且我不会在服务器上的文件中得到任何结果
是否有可能在通过PHP调用页面时不执行Javascript?
如何在一个页面中循环100次:等待完全加载、保存时间、加载下一个测试,等等?
我知道我可以使用谷歌Chrome控制台、Firebug或任何其他插件,但我不想手动获得速度,因为我有很多页面要比较
非常感谢您的帮助您可以使用