pagespeed分数统计和搜索
尹诚诚
8 years ago
parent
a90c87a32d
commit
db4fac8199
@ -0,0 +1,43 @@
|
|||||||
|
<?php
|
||||||
|
foreach ($score_data_list as $key => $item) {
|
||||||
|
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="table-responsive">
|
||||||
|
<table class="table table-hover">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="col-sm-1">#</th>
|
||||||
|
<th class="col-sm-3">页面</th>
|
||||||
|
<th class="col-sm-1">移动端</th>
|
||||||
|
<th class="col-sm-1">桌面端</th>
|
||||||
|
<th class="col-sm-2">更新时间</th>
|
||||||
|
<th class="col-sm-2">操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<?php
|
||||||
|
$site_url = rtrim($this->config->item('site_url'), '/');
|
||||||
|
if (!empty($score_data_list)) {
|
||||||
|
foreach ($score_data_list as $key => $item) {
|
||||||
|
?>
|
||||||
|
<tr>
|
||||||
|
<td><?php echo ++$key; ?></td>
|
||||||
|
<td><?php echo $item->psd_URL; ?></td>
|
||||||
|
<td><?php echo $item->psd_MobileScore; ?></td>
|
||||||
|
<td><?php echo $item->psd_DesktopScore; ?></td>
|
||||||
|
<td><?php echo date('Y-m-d', strtotime($item->psd_Datetime)); ?></td>
|
||||||
|
<td>
|
||||||
|
<a href="<?php echo $site_url . $item->psd_URL ?>" target="_blank">查看页面</a> | <a href="https://developers.google.com/speed/pagespeed/insights/?url=<?php echo urlencode($site_url . $item->psd_URL); ?>" target="_blank">Google insights</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
@ -1,22 +1,80 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<script type="text/javascript" src="/js/highcharts/highcharts.js"></script>
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
<script type="text/javascript">
|
||||||
<head>
|
$(function() {
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
$('#score_chart').highcharts({
|
||||||
<meta http-equiv="Expires" CONTENT="0"/>
|
chart: {type: 'column'},
|
||||||
<meta http-equiv="Cache-Control" CONTENT="no-cache"/>
|
title: {text: '网页性能分数分布图'},
|
||||||
<meta http-equiv="Pragma" CONTENT="no-cache"/>
|
subtitle: {
|
||||||
<title>HTML-Compressor</title>
|
text: '移动端平均分:<?php echo $score_data->m_avg; ?> | 桌面端平均分:<?php echo $score_data->d_avg; ?> 总页面数:<?php echo $score_data->page_count; ?>'
|
||||||
</head>
|
},
|
||||||
<script type="text/javascript">
|
xAxis: {
|
||||||
|
categories: [
|
||||||
</script>
|
'60分以下',
|
||||||
<body>
|
'60-69分',
|
||||||
<h1>页面样式精简</h1>
|
'70-79分',
|
||||||
<form name="form_htmlsource" id="form_htmlsource" action="<?php echo site_url('apps/htmlcompressor/index/optimize'); ?>" method="post">
|
'80-85分',
|
||||||
<input type="text" name="websitehost" id="websitehost" style="width:200px;" placeholder="域名" /><br/><br/>
|
'86-89分',
|
||||||
<textarea name="htmlsource" id="htmlsource" rows="22" style="width:800px;" placeholder="网页代码" ></textarea>
|
'90-95分',
|
||||||
<input type="submit"/>
|
'96-100分'
|
||||||
</form>
|
],
|
||||||
|
crosshair: true
|
||||||
</body>
|
},
|
||||||
</html>
|
yAxis: {
|
||||||
|
min: 0,
|
||||||
|
title: {
|
||||||
|
text: '网页数量'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
plotOptions: {
|
||||||
|
column: {
|
||||||
|
dataLabels: {
|
||||||
|
enabled: true
|
||||||
|
},
|
||||||
|
enableMouseTracking: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{name: '移动', data: [<?php echo $score_data->m60_0 . ',' . $score_data->m60_69 . ',' . $score_data->m70_79 . ',' . $score_data->m80_85 . ',' . $score_data->m86_89 . ',' . $score_data->m90_95 . ',' . $score_data->m96_100; ?>]}
|
||||||
|
, {name: '桌面', data: [<?php echo $score_data->d60_0 . ',' . $score_data->d60_69 . ',' . $score_data->d70_79 . ',' . $score_data->d80_85 . ',' . $score_data->d86_89 . ',' . $score_data->d90_95 . ',' . $score_data->d96_100; ?>]}
|
||||||
|
]
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div id="score_chart" ></div>
|
||||||
|
|
||||||
|
<legend>根据分数搜索页面</legend>
|
||||||
|
<form class="form-inline" method="post" name="form_score_search" id="form_score_search" action="<?php echo site_url('apps/pagespeed/index/search_score'); ?>">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="exampleInputEmail1"></label>
|
||||||
|
<input type="number" class="form-control" id="exampleInputEmail1" name="start_score" placeholder="开始分数">
|
||||||
|
<input type="number" class="form-control" id="exampleInputPassword1" name="end_score" placeholder="结束分数">
|
||||||
|
<select class="form-control" name="device">
|
||||||
|
<option value="mobile">Mobile</option>
|
||||||
|
<option value="desktop">Desktop</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="btn btn-default" onclick="submit_search();">搜索</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div id="search_result_box"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
function submit_search() {
|
||||||
|
$('#form_score_search').ajaxSubmit({
|
||||||
|
success: function(data, textStatus) {
|
||||||
|
$('#search_result_box').html(data);
|
||||||
|
},
|
||||||
|
error: function(msg) {
|
||||||
|
alert('\u53d1\u751f\u9519\u8bef\uff0c\u8bf7\u8054\u7cfbYCC...');
|
||||||
|
},
|
||||||
|
dataType: 'json',
|
||||||
|
timeout: 30000
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue