慢 SQL 查询/显示 (PHP / jQuery)

Question

我请求获取我的 mySQL 数据库中的数据（36,848 个条目）。然后我在我的网页上格式化并附加 jQuery。

这两个操作耗时2分30秒。在此期间，页面上不能进行其他操作。

有没有办法优化这个来加快这个过程？像这样，没法用

我的PHP函数

<?php
function get_my_customers() {
    $req = $bdd->prepare("SELECT * FROM clients ORDER BY raison_sociale");
    $req->execute();
    $customers = $req->fetchAll(PDO::FETCH_ASSOC);

    return $customers;
}

if(isset($_POST['ajax'])){
    $result = get_my_customers();
    echo json_encode($result);
}
?>

jQuery中的数据检索（Ajax）

function get_my_customers(){
    var customers;
    $.ajax({
        url: "model/application/*******/customers/get_my_customers.php", 
        async: false,
        type: "POST",
        dataType: 'json',
        data: {ajax: 'true'},
        success: function(data)
        {
            customers = data;
        }
    });
    return customers;
}

var my_customers = get_my_customers();

$('#customers_list').append('<div class="list_card" card="customers_list"></div>');

$.each(my_customers, function(key, val){
    if(val.enseigne == null){
        var enseigne = '';
    }else{
        var enseigne = ',' + val.enseigne;
    }

    $('.list_card[card="customers_list"]').append(''+
        '<div class="list_card_element">'+
            '<div><b>'+ val.numero_client +'</b></div>'+
            '<div>'+
                '<b>'+ val.raison_sociale +'</b>' + enseigne +
                '<br>'+
                val.cp_livraison + ', ' + val.adresse_livraison +
            '</div>'+
        '</div>'
    );
});

您知道我可以做些什么来加快处理时间吗？我已尝试将 SELECT 查询限制为仅我需要的字段，但这并没有缩短处理时间。

我想知道是不是 jQuery 布局比 SQL 查询更耗时。

谢谢！

Answer 1

尝试使用索引参见 that

MySQL can use an index on the columns in the ORDER BY (under certain conditions). However, MySQL cannot use an index for mixed ASC,DESC order by (SELECT * FROM foo ORDER BY bar ASC, pants DESC). Sharing your query and CREATE TABLE statement would help us answer your question more specifically.

Answer 2

在您的浏览器中使用开发工具来确定是哪一步导致了速度下降。 “网络”选项卡将向您显示 Ajax 请求和数据获取的时间间隔。如果该时间间隔不是问题，则可能是 Javascript。您可以使用“性能”选项卡更深入地了解 Javascript 性能。

Answer 3

通过这个优化，我刚刚从 2 分 30 秒减少到 14 秒。

var construct_customers = "";

$.each(my_customers, function(key, val){
    if(val.enseigne == null){
        var enseigne = '';
    }else{
        var enseigne = ',' + val.enseigne;
    }

    construct_customers += '<div class="list_card_element">'+'<div><b>'+ val.numero_client +'</b></div>'+'<div>'+'<b>'+ val.raison_sociale +'</b>' + enseigne +'<br>'+val.cp_livraison + ', ' + val.adresse_livraison +'</div>'+'</div>';

    //OLD CODE
    // $('.list_card[card="customers_list"]').append(''+
    //     '<div class="list_card_element">'+
    //         '<div><b>'+ val.numero_client +'</b></div>'+
    //         '<div>'+
    //             '<b>'+ val.raison_sociale +'</b>' + enseigne +
    //             '<br>'+
    //             val.cp_livraison + ', ' + val.adresse_livraison +
    //         '</div>'+
    //     '</div>'
    // );
});

$('.list_card[card="customers_list"]').append(construct_customers);

印象深刻

慢 SQL 查询/显示 (PHP / jQuery)

Slow SQL Query / Displaying (PHP / jQuery)

php

sql

ajax

jquery

request