2012-12-18 5 views
6

मेरी साइट छवियों को बहुत धीरे-धीरे लोड करती है। कुछ पाठ प्रकट होते हैं, फिर कुछ टेबल, फिर कुछ छवियां ... और फिर - शरीर पृष्ठभूमि छवि।
मैं कैसे मजबूर कर सकता हूं कि पूरा पृष्ठ तैयार होने तक कुछ भी प्रदर्शित नहीं किया जाना चाहिए?धीरे-धीरे एक पृष्ठ दिखाने से कैसे रोकें?

+0

@nerdwaller, बहुत बहुत शुक्रिया। – Bonaca

+0

उम्मीद है कि आपको सही दिशा मिलती है, मैं वहां के शीर्ष उत्तर से सहमत हूं। कुछ प्रकार की प्रसंस्करण दिखाना चाहिए ताकि लोग नहीं सोचें कि आपके पास एक खराब सर्वर है। – nerdwaller

+0

हां, मैंने आपका लिंक देखा, और ऐसा लगता है कि मैं छवियों के सीएसएस को बदलने के लिए छोटी gif छवि (लोडर) और jQuery ऑनलोड() के साथ ट्रे करूंगा। शायद आपको अपनी टिप्पणी को जवाब के रूप में डिजाइन करना चाहिए। एक बार फिर धन्यवाद। – Bonaca

उत्तर

3

शायद ऐसा करने के लिए जावास्क्रिप्ट का उपयोग करने का सबसे आसान/सबसे अच्छा तरीका होगा। मैंने इसे लागू करने का मुख्य तरीका दस्तावेज तैयार हैंडलर सभी छिपा सामानों को प्रकट किया है।

$(document).ready(function() { $('*').show(); }); // Or something similar. 
बेशक

, लोगों को "प्रगति" की प्रतिक्रिया के कुछ प्रकार देखने के लिए अपनी साइट खराब कोडित या यदि सर्वर कबाड़ के रूप में प्रकट नहीं होता है पसंद है। तो एक लोडर बार या जो भी हो।

जैसा कि मैंने ऊपर बताया है, इन प्रकार के प्रश्नों के लिए सबसे अच्छी जगह Stack Overflow है, और शायद यह उच्च रैंक वाले व्यक्ति द्वारा वहां स्थानांतरित हो जाएगी। इस बीच, स्टैक ओवरफ़्लो पर एक बहुत ही similar question है।

+0

'.ready() 'डीओएम पूरा होने के बाद आग लग जाएगा, * * छवियों को लोड करने से पहले, इसलिए ओपी को एक ही समस्या होगी (यानी, छवियों को लोड करने की प्रतीक्षा कर रहा है)। '.ready() ':" पर jQuery दस्तावेज़ों से: "* जिन मामलों में कोड लोड की गई संपत्तियों पर निर्भर करता है ... कोड को' लोड 'ईवेंट के लिए हैंडलर में रखा जाना चाहिए। *" ओपी को विंडो के लिए इंतजार करना चाहिए .onload'। – apsillers

4

आप body जो display:none है पर एक वर्ग को जोड़ने और इसे हटाने के एक बार पृष्ठ लोड होता है हो सकता है ..

<body class="loading"> 
... 
</body> 

और

<script> 
    window.onload = function(){document.body.className = '';}; 
</script> 
संबंधित मुद्दे