如何用常规手段优化大数据量网页加载速度

如何用常规手段优化大数据量网页加载速度

问题：网页内的大量筛选参数导致页面加载速度缓慢：

解决方案：

方案详解

/*PHP controller*/
public function send_filter(){
$category_id = $this->input->post('category_id');// 从原始页面获取所需要的id
if ($category_id && $category_id !== '') {
$query = $this->db->query(/*构建sql语句*/);
$this->data['params'] = $query->result();得到查询结果，并传输给参与ajax交互的页面
}
$this->load->view('filter',$this->data);
}
/*PHP controller*/

/*原始页面html部分*/
<table id="search-filter" class="table table-bordered table-striped" category_id="<?php echo $category_id ?>">
</table>
/*原始页面html部分*/

/*原始页面js部分*/
$(function () { //闭包
var category_params_fun = (function(){
$.post(//设置json请求
base_url+'/search/send_filter/filter',{ 从后台请求html格式数据
//构建所要传输的数据
"category_id":$('#search-filter').attr('category_id'),//从html取category_id
all_query_params:<?php echo $query_params; ?>//从后台获取查询参数
},
function (data) {
$(data).appendTo("#search-filter");//把从后台获取的html格式数据直接插入本页页面
}
);
})();
/*原始页面js部分*/

其他优化方式：

其他分析方法

分析结果