मेरे पास एक HTML तालिका है जो 1K पंक्तियों और एक दर्जन या उससे अधिक कॉलम हो सकती है।ओवरफ्लो की प्रदर्शन लागत से कैसे बचें: छुपा हुआ?
मैं कॉलम एक निश्चित आकार (उपयोगकर्ता द्वारा नियंत्रित करने योग्य) होना चाहता हूं और लंबवत या क्षैतिज रूप से बढ़ता/छोटा नहीं करता हूं। तो दृष्टि से एक विशेष टेबल सेल की सामग्री एक पंक्ति पर होगी और सेल के अंत में अतिप्रवाह काट दिया जाएगा।
बड़ी तालिका में क्रोम में प्रदर्शन विश्लेषण करना मुख्य प्रदर्शन हत्यारा अतिप्रवाह है: छुपा।
मैंने इनपुट के अंदर प्रत्येक सेल की सामग्री डालने का प्रयास किया है, क्योंकि यह वही दृश्य व्यवहार दोहराएगा, लेकिन इसका एक समान प्रदर्शन प्रभाव है।
प्रदर्शन में सुधार करने के लिए लोग क्या सलाह देते हैं?
यदि आवश्यक हो तो मुझे टेबल टैग का उपयोग करने की आवश्यकता नहीं है, लेकिन यदि अच्छा प्रदर्शन प्राप्त किया जा सकता है तो तालिका टैग के साथ चिपकना पसंद करेंगे।
अद्यतन 1: मैंने एक फ़ाइल शामिल की है जो प्रदर्शन समस्या here प्रदर्शित करती है। चेतावनी फ़ाइल बहुत भारी (25 एमबी) है और आपके कंप्यूटर को धीमा कर देगी। डिफ़ॉल्ट रूप से तालिका में छिपाने के लिए अतिप्रवाह सेट नहीं होता है, और एक बार तालिका लोड हो जाने पर (थोड़ी देर लग सकती है) ब्राउज़र प्रदर्शन अपेक्षाकृत सुचारु रूप से।
हालांकि, अगर आप फ़ाइल और असम्बद्धता पंक्तियों को 12-15 संपादित करते हैं और फिर इसे खोलते हैं। तालिका के चारों ओर ब्राउज़र लोड करने के बाद आप देखेंगे काफी कम उत्तरदायी है।
क्या कोई कारण है कि आप पेजिनेशन का उपयोग नहीं कर रहे हैं? –
वास्तव में कई कारण हैं। मुख्य रूप से एक यूएक्स परिप्रेक्ष्य से। लेकिन आपके पास ऐसी स्थिति हो सकती है जहां आपके पास केवल 100 पंक्तियां हों और व्यक्ति धीमे कंप्यूटर पर हो। प्रदर्शन में सुधार से न केवल बहुत सारे डेटा वाले उपयोगकर्ताओं को फायदा होगा, बल्कि हर कोई। –
क्या आप मार्कअप और शैलियों का नमूना पोस्ट कर सकते हैं जिनका आप उपयोग कर रहे हैं? यहां: https://gist.github.com/2705929 मैंने प्रति सेल 400+ वर्णों के साथ एक 12x1800 तालिका सेट की है। प्रदर्शन ठीक लगता है (हालांकि मैं धीमी मशीन पर नहीं हूं)। – Beejamin