साइट अनुकूलन छवि आयाम

Question

मैं अपनी वेबसाइट गूगल की साइट अनुकूलन मानकों के अनुसार अनुकूलन के कर रहा हूँ जोड़ना:

http://code.google.com/speed/page-sp...mageDimensions

जो लोग इसे से परिचित हैं के लिए, मैं Firebug उपयोग कर रहा हूँ -> "पृष्ठ गति" मेरी साइट के 'कमजोर' क्षेत्रों का विश्लेषण करने के लिए टूल।

उपर्युक्त लिंक, छवि आयामों के बारे में सवाल यह है कि - मेरी साइट पर बहुत सी गतिशील छवियां हैं जो एक सीएमएस के माध्यम से अपलोड की जाती हैं और इसलिए ऊंचाई/चौड़ाई में भिन्न होती हैं। इसलिए, छवि आयाम निर्दिष्ट करना कितना महत्वपूर्ण है? एक पेज का कहना था सीएमएस, जो विकल्प के नीचे है से 5-10 छवियों बेहतर:

क) छवि आयाम
ख) छवि आयाम गतिशील प्राप्त करने के लिए उपयोग PHP के getimagesize समारोह निर्दिष्ट नहीं करें, और में रख "चौड़ाई" और "ऊंचाई" के रूप में आईएमजी टैग
सी) प्रति छवि चौड़ाई/ऊंचाई को स्टोर करने के लिए हमारे डेटाबेस को अपडेट करें (मैं पहले से ही अपने डेटाबेस में छवि तालिका से अन्य जानकारी पूछ रहा हूं, जैसे कि " alt "विशेषता) और फिर सामने वाले अंत में आईएमजी टैग के लिए उन स्तंभों तक पहुंचें?

मुझे लगता है कि "सी" सबसे अच्छा विकल्प है, लेकिन मुझे यह सुनना है कि किसी के पास कोई सिफारिश या आंकड़े हैं जिस पर विकल्प बेहतर है। जाहिर है "सी" का अर्थ है कि हमें डेटाबेस से अधिक डेटा पूछने की आवश्यकता है।

हम एक अलग डेटाबेस सर्वर का उपयोग कर रहे हैं, और ब्राउज़र कैशिंग का उपयोग कर रहे हैं। (Http://code.google.com/speed/page-speed/docs/caching.html)

धन्यवाद

Answer 1

ग

1. स्थापना छवि का आकार आप दे देंगे एक बेहतर पेज लोड व्यवहार।

   आप आकार पृष्ठ के कुछ भागों जबकि पृष्ठ लोड आकार परिवर्तन निर्धारित नहीं करते हैं, और कहा कि सिर्फ सादे बदसूरत है।

2. यदि आप पहले से ही अपने डेटाबेस को Alt टेक्स्ट के लिए पूछताछ करते हैं, तो मुझे संदेह है कि पर दो प्रदर्शन कॉलम देखें यदि आप दो और कॉलम लोड करते हैं।

Answer 2

मैंने वास्तव में एक परीक्षण के रूप में एक बड़े पृष्ठ पर विकल्प बी का प्रयास किया और पाया कि यह बड़े प्रदर्शन के मुद्दों को बनाया गया है। मैं कहूंगा कि आप विकल्प सी के साथ चलने के लिए सबसे अच्छे हैं। प्रत्येक आयाम के साथ इन आयामों को जोड़ने के लिए अपने सीएमएस को अपडेट करें और शायद बिना किसी आयाम के सभी मौजूदा छवियों को अपडेट करने के लिए एक शांत समय के दौरान एक क्रॉन चलाएं