असली फ़ोन पर Shopify थीम की स्पीड
Shopify पर स्पीड का काम एक अनुमानित पैटर्न में होता है: टीमें Liquid को ऑप्टिमाइज़ करती हैं, थीम के बारे में बहस करती हैं, और हीरो इमेज को उसके रेंडर साइज़ से चार गुना बड़ा छोड़ देती हैं और पेज पेंट होने से पहले ग्यारह थर्ड-पार्टी स्क्रिप्ट लोड होने देती हैं।
पहले मापें, फिर उस क्रम में ठीक करें जो फायदा देता है।
समय वास्तव में कहाँ जाता है#
| कारण | समस्या का सामान्य हिस्सा | ठीक करने की कठिनाई |
|---|---|---|
| बड़ी या अनऑप्टिमाइज़्ड इमेज | बड़ा | आसान |
| थर्ड-पार्टी और ऐप स्क्रिप्ट | बड़ा | मध्यम — राजनीतिक, तकनीकी नहीं |
| वेब फ़ॉन्ट | मध्यम | आसान |
| भारी स्लाइडर और वीडियो हीरो सेक्शन | मध्यम | आसान, अगर आप बहस जीत सकें |
| Liquid रेंडरिंग | छोटा | मध्यम |
काम करने का क्रम#
- मिड-रेंज फ़ोन पर असली कनेक्शन पर मापें, अपने लैपटॉप पर नहीं।
- इमेज ठीक करें: सही डाइमेंशन, आधुनिक फ़ॉर्मेट, फोल्ड के नीचे की किसी भी चीज़ को लेज़ी-लोड करें।
- स्क्रिप्ट का ऑडिट करें: जिन ऐप्स का कोई उपयोग नहीं करता उन्हें हटाएं; पेंट के लिए जरूरी नहीं है उन सबको डिफर करें।
- हीरो को काटें: एक इमेज हर उस मेट्रिक पर ऑटोप्ले वीडियो कैरोसेल को हराती है जो मायने रखता है।
- फ़ॉन्ट को सबसेट और प्रीलोड करें, या सिस्टम फ़ॉन्ट का उपयोग करें।
- उसके बाद ही थीम कोड को देखें।
वह चीज़ मापें जो ग्राहक महसूस करते हैं#
मोबाइल कनेक्शन पर प्रोडक्ट पेज पर लार्जेस्ट कंटेंटफुल पेंट वह नंबर है जो रेवेन्यू से संबंधित है। सिंथेटिक स्कोर रिग्रेशन पकड़ने के लिए उपयोगी हैं और लक्ष्य के रूप में भयानक हैं — एक स्टोर अच्छा स्कोर कर सकता है और फिर भी ट्रेन में बैठे ग्राहक को धीमा लग सकता है।
किसी भी बदलाव से पहले और हर एक के बाद बेसलाइन रिकॉर्ड करें। बेसलाइन के बिना, स्पीड का काम राय के बारे में बहस बन जाता है।
ऐप की बातचीत#
ज़्यादातर स्पीड समस्याएं किसी की पसंदीदा ऐप होती हैं। नंबर लाएं: यह ऐप हर प्रोडक्ट पेज पर 400ms खर्च करती है और दो लोग इसका उपयोग करते हैं। वह बातचीत "साइट धीमी है" से बेहतर होती है और यही वह है जो असली लाभ देती है।
अक्सर पूछे जाने वाले प्रश्न
क्या थीम का चुनाव स्पीड के लिए मायने रखता है?
इमेज और स्क्रिप्ट से कम। एक अच्छी तरह से बनी थीम मदद करती है, लेकिन यह ग्यारह थर्ड-पार्टी स्क्रिप्ट से आगे नहीं निकल सकती।
क्या परफेक्ट स्कोर का पीछा करना सार्थक है?
नहीं। मिड-रेंज फ़ोन पर प्रोडक्ट पेज पेंट टाइम का पीछा करें; यही वह है जो ग्राहक अनुभव करते हैं।
क्या ऐप्स वास्तव में इतना खर्च करती हैं?
स्टोरफ्रंट-फेसिंग वाली करती हैं। हर एक को डिसेबल करके और फिर से टेस्ट करके मापें — नंबर आमतौर पर बहस को सुलझा देते हैं।
shopify speedshopify page speedshopify performanceshopify core web vitalsshopify theme speed
