Laravel-datatables: 1000 से अधिक डेटा होने पर धीमी लोडिंग

को निर्मित 20 जन॰ 2017 · 13टिप्पणियाँ · स्रोत: yajra/laravel-datatables

समस्या या सुविधा अनुरोध का सारांश

मैंने इस प्लगइन को बहुत लंबे समय तक इस्तेमाल किया। लेकिन कुछ दिनों के बाद इसने मुझे धीमा कर दिया (वास्तव में धीमा)। मैं क्वेरी> 1K डेटा की कोशिश करता हूं। यह डेटा दिखाने के लिए कम से कम 5 सेकंड या उससे अधिक समय तक लोड होता रहता है। यह तब होता है जब परिवर्तन भी।

समस्या का कोड स्निपेट

public function getData()
{
    $brands = Brand::select('id', 'name');

    return Datatables::of($brands)
        ->addColumn('action', function ($brand) {
            return '
            <a href="/brands/' . $brand->id . '/edit" class="btn btn-xs btn-primary">
                <i class="fa fa-pencil"></i> Edit
            </a>
            <a href="#" id="delete-button" data-id="' . $brand->id . '" class="btn btn-xs btn-danger">
            <i class="fa fa-times"></i> Delete
            </a>
            ';
        })
        ->make(true);
}

सिस्टम विवरण

डिजिटल महासागर $ 10।

ऑपरेटिंग सिस्टम Ubuntu 16.04
PHP संस्करण 7.1
लारवेल संस्करण 5.3
Laravel-Datatables संस्करण नवीनतम

performance question

स्रोत

stefensuhat

सबसे उपयोगी टिप्पणी

हां, क्वेरी को इंडेक्स करना और अनुकूलित करना धीमे प्रदर्शन के लिए समाधान है। और निश्चित रूप से संग्रह का उपयोग करने से बचें। धन्यवाद!

yajra 6 जुल॰ 2017

👍7 ❤3 🎉3 👀1 🚀1 😕1 😄1 👎1

सभी 13 टिप्पणियाँ

मैं एक ही मुद्दे का सामना कर रहा हूं, डेटाबेस में 1 लाख से अधिक रिकॉर्ड के साथ। लेकिन मेरा प्रश्न और परिदृश्य थोड़ा जटिल है। अपनी तालिका में मैं 3 से अधिक तालिकाओं का डेटा दिखा रहा हूं। और मैं तालिका में डेटा प्रदान करने से पहले स्तंभ मान संपादित कर रहा हूं।

यह मेरे विचार के लिए कोड है

   /**
     * 
     *
     * function to return table view
     */
    public function inbox_ticket_list() {
        $table = \Datatable::table()
                ->addColumn(
                        "", Lang::get('lang.subject'), Lang::get('lang.ticket_id'), Lang::get('lang.priority'), Lang::get('lang.from'), Lang::get('lang.assigned_to'), Lang::get('lang.last_activity'), Lang::get('lang.created-at'))
                ->noScript();

        return view('themes.default1.agent.helpdesk.ticket.inbox', compact('table'));
    }

मेरे विचार में मैं डेटाटबल जावास्क्रिप्ट लोड करने के लिए कस्टम ब्लेड फ़ाइल का उपयोग कर रहा हूं

{!!$table->render('vendor.Chumper.template')!!}
{!! $table->script('vendor.Chumper.ticket-javascript') !!}

मेरी जावास्क्रिप्ट ब्लेड फ़ाइल में मैं सर्वर साइड प्रोसेसिंग के लिए एक मार्ग कह रहा हूं, जो मेरी तालिका के लिए क्वेरी बिल्डर को जॉइन करता है और फिर एक फ़ंक्शन को कॉल करता है जो तालिका प्रस्तुत करता है।
टिकट- javascript.blade

<?php
$segments = \Request::segments();
$segment = "";
foreach($segments as $seg){
    $segment.="/".$seg;
}
?>
<script type="text/javascript">
        function myFunction()
        {
            return jQuery('#chumper').dataTable({
                "sDom": "<'row'<'col-xs-6'l><'col-xs-6'f>r>"+
                        "t"+
                        "<'row'<'col-xs-6'i><'col-xs-6'p>>",
                "sPaginationType": "full_numbers",
                "bProcessing": true,
                "bServerSide": true,
                "lengthMenu": [[10, 25, 50, 100, 500], [10, 25, 50, 100, 500]],
                "ajax": {
                    url: "{{url('filter')}}",
                    data: function (d) {
                        d.labels = $('select[name=label]').val();
                        d.tags = $('select[name=tag]').val();
                        d.segment = "{{$segment}}";
                    }
                },
                "aaSorting": sort,
                "columnDefs": [
                    { "searchable": false, "targets": [6,7] },
                    { "visible": last, "targets": 6 },
                    {"visible": create, "targets":7},
                ],
                "fnCreatedRow": function (nRow, aData, iDataIndex) {
                    var str = aData[3];
                    if (str.search("#000") == -1) {
                        $("td", nRow).css({"background-color": "#F3F3F3", "font-weight": "600", "border-bottom": "solid 0.5px #ddd", "border-right": "solid 0.5px #F3F3F3"});
                        $("td", nRow).mouseenter(function () {
                            $("td", nRow).css({"background-color": "#DEDFE0", "font-weight": "600", "border-bottom": "solid 0.5px #ddd", "border-right": "solid 0.5px #DEDFE0"});
                        });
                        $("td", nRow).mouseleave(function () {
                            $("td", nRow).css({"background-color": "#F3F3F3", "font-weight": "600", "border-bottom": "solid 0.5px #ddd", "border-right": "solid 0.5px #F3F3F3"});
                        });
                    } else {
                        $("td", nRow).css({"background-color": "white", "border-bottom": "solid 0.5px #ddd", "border-right": "solid 0.5px white"});
                        $("td", nRow).mouseenter(function () {
                            $("td", nRow).css({"background-color": "#DEDFE0", "border-bottom": "solid 0.5px #ddd", "border-right": "solid 0.5px #DEDFE0"});
                        });
                        $("td", nRow).mouseleave(function () {
                            $("td", nRow).css({"background-color": "white", "border-bottom": "solid 0.5px #ddd", "border-right": "solid 0.5px white"});
                        });
                    }
                }
            });
        }
</script>

क्वेरी बिल्डर बनाने का कार्य

public function table(){
        // if (Auth::user()->role == 'admin') {
            $ticket = new Tickets();
            $tickets = $ticket
                    ->leftJoin('ticket_thread', function ($join) {
                        $join->on('tickets.id', '=', 'ticket_thread.ticket_id')
                        ->whereNotNull('title')
                        ->where('ticket_thread.is_internal', '<>', 1);
                    })
                    ->leftJoin('ticket_thread as ticket_thread2', 'ticket_thread2.ticket_id', '=', 'tickets.id')
                    ->Join('ticket_source', 'ticket_source.id', '=', 'tickets.source')
                    ->leftJoin('ticket_priority', 'ticket_priority.priority_id', '=', 'tickets.priority_id')
                    ->leftJoin('users as u', 'u.id', '=', 'tickets.user_id')
                    ->leftJoin('users as u1', 'u1.id', '=', 'tickets.assigned_to')
                    ->leftJoin('ticket_attachment', 'ticket_attachment.thread_id', '=', 'ticket_thread.id')
                    ->leftJoin('teams', 'teams.id', '=', 'tickets.team_id')
                    ->leftJoin('ticket_collaborator', 'ticket_collaborator.ticket_id', '=', 'tickets.id')
                    ->select(
                        'tickets.id',
                        // 'tickets.team_id',
                        'ticket_thread.title',
                        'tickets.ticket_number',
                        'ticket_priority.priority',
                        'u.user_name as user_name',
                        'u1.user_name as assign_user_name',
                        \DB::raw('max(ticket_thread.updated_at) as updated_at'),
                        \DB::raw('min(ticket_thread.updated_at) as created_at'),
                        'u.first_name as first_name',                        
                        'u.last_name as last_name',
                        'u1.first_name as assign_first_name',
                        'u1.last_name as assign_last_name',
                        'ticket_priority.priority_color',
                        'teams.name',
                        DB::raw('COUNT(DISTINCT ticket_thread2.id) as countthread'),
                        DB::raw('COUNT(ticket_attachment.thread_id) as countattachment'),
                        DB::raw('COUNT(ticket_collaborator.ticket_id) as countcollaborator'),
                        'tickets.status',
                        'tickets.user_id',
                        'tickets.priority_id', 'tickets.assigned_to',
                        'ticket_status.name as tickets_status',
                        'ticket_source.css_class as css',
                        DB::raw('substring_index(group_concat(ticket_thread.poster order by ticket_thread.id desc) , ",", 1) as last_replier'),
                        DB::raw('substring_index(group_concat(ticket_thread.title order by ticket_thread.id asc) , ",", 1) as ticket_title'),
                        'u.active as verified')
                    ->groupby('tickets.id');
        return \Ttable::getTable($table); // call to function which renders table
    }

अंत में फ़ंक्शन जो तालिका में डेटा प्रदान करता है

public static function getTable($tickets) {
        return \Datatables::of($tickets)
                        ->addColumn('id', function ($tickets) {
                            return "<input type='checkbox' name='select_all[]' id='" . $tickets->id . "' onclick='someFunction(this.id)' class='selectval icheckbox_flat-blue' value='" . $tickets->id . "'></input>";
                        })
                        ->addColumn('title', function ($tickets) {
                            if (isset($tickets->ticket_title)) {
                                $string = mb_substr($tickets->ticket_title, 0, 20, 'UTF-8');
                            } else {
                                $string = Lang::get('lang.no-subject');
                            }
                            $collab = $tickets->countcollaborator;
                            if ($collab > 0) {
                                $collabString = '&nbsp;<i class="fa fa-users"></i>';
                            } else {
                                $collabString = null;
                            }
                            $attachCount = $tickets->countattachment;
                            if ($attachCount > 0) {
                                $attachString = '&nbsp;<i class="fa fa-paperclip"></i>';
                            } else {
                                $attachString = '';
                            }
                            $css = $tickets->css;
                            $titles = '';
                            if ($tickets->ticket_title) {
                                $titles = $tickets->ticket_title;
                            }
                            $tooltip_script = self::tooltip($tickets->id);
                            return "<div class='tooltip1' id='tool" . $tickets->id . "'>
                            <a href='" . route('ticket.thread', [$tickets->id]) . "'>" . ucfirst($string) . "&nbsp;<span style='color:green'>(" . $tickets->countthread . ") <i class='" . $css . "'></i></span>
                            </a>" . $collabString . $attachString . $tooltip_script .
                                    "<span class='tooltiptext'  id='tooltip" . $tickets->id . "'>Loading...</span></div>";
                        })
                        ->addColumn('ticket_number', function ($tickets) {
                            return "<a href='" . route('ticket.thread', [$tickets->id]) . "' title='" . $tickets->ticket_number . "'>#" . $tickets->ticket_number . '</a>';
                        })
                        ->addColumn('priority', function ($tickets) {
                            $rep = ($tickets->last_replier == 'client') ? '#F39C12' : '#000';
                            $priority = $tickets->priority;
                            if ($priority != null) {
                                $prio = '<button class="btn btn-xs ' . $rep . '" style="background-color: ' . $tickets->priority_color . '; color:#F7FBCB">' . ucfirst($tickets->priority) . '</button>';
                            } else {
                                $prio = $tickets->last_relier_role;
                            }
                            return $prio;
                        })
                        ->addColumn('user_name', function ($tickets) {
                            $from = $tickets->first_name;
                            $url = route('user.show', $tickets->user_id);
                            $name = $tickets->user_name;
                            if ($from) {
                                $name = utfEncoding($tickets->first_name) . ' ' . utfEncoding($tickets->last_name);
                            }
                            $color = '';
                            if ($tickets->verified == 0 || $tickets->verified == '0') {
                                $color = "<i class='fa fa-exclamation-triangle'  title='" . Lang::get('lang.accoutn-not-verified') . "'></i>";
                            }
                            return "<a href='" . $url . "' title='" . Lang::get('lang.see-profile1') . ' ' . ucfirst($name) . '&apos;' . Lang::get('lang.see-profile2') . "'><span style='color:#508983'>" . ucfirst(str_limit($name, 30)) . ' <span style="color:#f75959">' . $color . '</span></span></a>';
                        })
                        ->addColumn('assign_user_name', function ($tickets) {
                            if ($tickets->assigned_to == null && $tickets->name == null) {
                                return "<span style='color:red'>Unassigned</span>";
                            } else {
                                $assign = $tickets->assign_user_name;
                                if ($tickets->assigned_to != null) {
                                    $assign = utfEncoding($tickets->assign_first_name) . ' ' . utfEncoding($tickets->assign_last_name);

                                $url = route('user.show', $tickets->assigned_to);
                                return "<a href='" . $url . "' title='" . Lang::get('lang.see-profile1') . ' ' . ucfirst($assign) . '&apos;' . Lang::get('lang.see-profile2') . "'><span style='color:green'>" . mb_substr(ucfirst($assign), 0, 30, 'UTF-8') . '</span></a>';
                            } else{
                                $url1 = "#";
                                return "<a href='" . $url1 . "' title='" . Lang::get('lang.see-profile1') . ' ' . ucfirst($tickets->name) . '&apos;' . Lang::get('lang.see-profile2') . "'><span style='color:green'>" . mb_substr(ucfirst($tickets->name), 0, 30, 'UTF-8') . '</span></a>';


                                }
                            }
                        })
                        ->addColumn('updated_at', function ($tickets) {
                            $TicketDatarow = $tickets->updated_at;
                            $updated = '--';
                            if ($TicketDatarow) {
                                $updated = $tickets->updated_at;
                            }
                            return '<span style="display:none">' . $updated . '</span>' . UTC::usertimezone($updated);
                        })
                        ->addColumn('created_at', function ($tickets) {
                            $TicketDatarow = $tickets->created_at;
                            $updated = '--';
                            if ($TicketDatarow) {
                                $updated = $tickets->created_at;
                            }
                            return '<span style="display:none">' . $updated . '</span>' . UTC::usertimezone($updated);
                        })
                        ->make();
    }

यह पहले 500 रिकॉर्ड के लिए तेजी से काम करता है लेकिन डेटा बढ़ने के बाद धीमा हो जाता है।
मैं php7, WAMP, mysql 5.7.14 का उपयोग कर रहा हूं

@ssuhat इस लंबी टिप्पणी को जोड़ने के लिए क्षमा करें, लेकिन आपका मुद्दा मेरा जैसा है और मैं इसके लिए एक डुप्लिकेट मुद्दा नहीं उठाना चाहता।

mverma16 20 जन॰ 2017

इस पर वास्तव में यकीन नहीं है, लेकिन मैं अपने डेमो ऐप पर भी डिजिटल महासागर का उपयोग कर रहा हूं और प्रतिक्रिया थोड़ी तेज है जो मुझे लगता है। आपके सर्वर पर कुछ और हो रहा होगा? शायद अपने लॉग और अपने सर्वर संसाधनों की जाँच करने का प्रयास करें?

yajra 20 जन॰ 2017

@yajra मैं अपने सर्वर को संभालने के लिए Laravel Forge का उपयोग कर रहा हूं। इसलिए मुझे लगता है कि यह सर्वर की समस्या नहीं है।

stefensuhat 20 जन॰ 2017

@yajra क्या आपके पास मेरे लिए कोई सुझाव है?

mverma16 20 जन॰ 2017

हाय, मेरी भी ठीक वही समस्या है।

3 के साथ 8 क्षेत्रों का चयन कर im 25.000 रिकॉर्ड की एक तालिका में शामिल होने और यह धीरे-धीरे है। (प्रति पृष्ठ 8 प्रति सेकंड 25 रिकॉर्ड)

बात को गति देने के लिए कुछ सुझाव? धन्यवाद

mariani10 27 जन॰ 2017

हो सकता है कि आप धीमी क्वेरी को लॉग कर सकें और देखें कि क्या कोई सिफारिश है?

AdrienPoupa 3 फ़र॰ 2017

@ssuhat और @ mariani10 , यह सिर्फ एक सुझाव है (नजरअंदाज करें यदि आपने पहले ही कर लिया है)। अपने प्रश्नों का निष्पादन समय जांचें और उन्हें अनुकूलित करने का प्रयास करें। मेरे मामले में मैंने जो क्वेरी लिखी थी वह धीमी थी इसलिए इसने डिटैटेबल लोडिंग को धीमा कर दिया। क्वेरी को अनुकूलित करने के बाद यह अब तेजी से काम कर रहा है।

mverma16 3 फ़र॰ 2017

👍1

अनुक्रमणिका को जोड़ना बेहतर प्रदर्शन की कुंजी हो सकता है

AdrienPoupa 3 फ़र॰ 2017

👍1

बदलने के:
$brands = Brand::select('id', 'name');
=> $brands = Brand::query();

trongloikt192 6 जुल॰ 2017

👍5 ❤2 🎉1

yajra 6 जुल॰ 2017

👍7 ❤3 🎉3 👀1 🚀1 😕1 😄1 👎1

इस चर्चा को जोड़ने के लिए, जब आपने यह सुनिश्चित कर लिया है कि आपने अपना डेटा डेटाटेबल्स (और संग्रह नहीं - उपरोक्त टिप्पणियां देखें) को पारित कर दिया है - हाँ, आप अनुक्रमित जोड़ सकते हैं, लेकिन आप वास्तव में आपके द्वारा बनाए गए स्तंभों के समग्र अनुक्रम बनाना चाहते हैं। फिर से चयन उदाहरण के लिए, यदि आप क्वेरी SELECT foo, bar, MAX(created) WHERE ... GROUP BY foo, bar' तरह दिखते हैं, तो कॉलम foo, बार, create_at पर एक कंपोजिट इंडेक्स चाहते हैं। जब मैंने ऐसा किया तो मैंने पाया कि मेरी क्वेरी की गति 50% कम हो गई है।

alexkb 20 जून 2018

उपवास करने का कोई उपाय नहीं है। मैं स्वयं लार्वा पैगिनेशन 1000 रिकॉर्ड्स का उपयोग कर रहा हूं और डिटिटेबल और हटाए गए जक्वेरी डिटिटेबल बॉटम पेजिनेशन लगाने के बाद। यह मेरे लिए ठीक है

BRVK 22 जुल॰ 2018

बदलने के:
$brands = Brand::select('id', 'name');
=> $brands = Brand::query();

यह सबसे अच्छा उपाय है।

alkhachatryan 1 नव॰ 2018

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स