प्रदर्शन टेस्ट: सर्वश्रेष्ठ बेचना WordPress थींस पर ThemeForest

प्रदर्शन किसी भी वेबसाइट का सबसे महत्वपूर्ण पहलुओं में से एक है, लेकिन यह कुछ लोगों को शायद ही कभी खाते में ले जब WordPress विषयों खरीद रहे हैं । इस roundup में हम दस Themeforest पर सबसे अच्छा बेच विषयों ले, उपस्थिति के क्रम में हूं, उंहें कुछ बुनियादी प्रदर्शन परीक्षण के माध्यम से चलाने के लिए, और उंहें ऊपर से नीचे रैंक ।

चुना विषयों

सबसे अच्छा बेच WordPress विषयों की ThemeForest सूची साप्ताहिक अद्यतन किया जाता है, लेकिन आप अक्सर परिचित खिलाड़ियों को कुछ समय के लिए शीर्ष स्थानों पकड़े देखा जाएगा. हम शीर्ष दस लिया है (नीचे देखा) और उंहें कुछ सामांय प्रदर्शन परीक्षणों के साथ एक दूसरे के खिलाफ खड़ा ।

परीक्षण

वेबसाइटों के परीक्षण के लिए कई उपकरण उपलब्ध हैं, हमने कुछ क्लासिक्स चुने हैं: Google Pagespeed इनसाइट, Webpagetest.org, Pingdom और Chrome देव टूल । अधिकांश कितनी तेजी से एक वेब पेज लोड के बारे में प्रतिक्रिया दे देंगे, अपने समग्र वजन, कैसे कुशलता से अपनी संपत्ति पर पाइप, अंततः स्कोर के किसी तरह दे रहे हैं । हम इन उपकरणों के माध्यम से प्रत्येक विषय का एक डेमो भाग गया और आंकड़े शिकंजा (पोस्ट के अंत में तालिका देखें) ।

इन परीक्षणों के अलावा हमने Chrome देव टूल के लिए एक्सेस-योग्यता ऑडिट प्लगइन का उपयोग किया. इस तरह के रूप में प्रदर्शन से जुड़ा नहीं है, लेकिन परिणाम हमेशा कैसे एक विषय बनाया है के रूप में एक अंतर्दृष्टि दे ।

नोट करने के लिए कुछ बातें:

• इन डेमो सभी व्यक्तिगत विषय लेखकों द्वारा आयोजित कर रहे हैं । चश्मा होस्टिंग सभी बराबर नहीं हैं ।
• एक यादृच्छिक डेमो चुना गया था जहां कई विकल्प उपलब्ध थे । WooCommerce, BuddyPress, या किसी अन्य मंच plugins जहां संभव बचा लिया गया. कोई खुलकर छवि (जैसे फोटोग्राफी विभागों के रूप में) पक्षपाती विषयों या तो इस्तेमाल किया गया ।
• सभी यूआरएल कैलिफोर्निया, जहां संभव से परीक्षण किया गया ।
• सटीक परिणाम दिन-प्रतिदिन भिंन हो सकते हैं ।
• विषय डेमो अक्सर एक दृश्य प्रभाव बनाने के लिए बनाया जाता है, उच्च गुणवत्ता कल्पना से भरा है और संभव के रूप में ज्यादा कार्यक्षमता के रूप में । इसका मतलब यह है कि डेमो शायद ही कभी कैसे एक परिणामी वेबसाइट देखो और व्यवहार हो सकता है की एक सटीक प्रतिबिंब हैं । यह संभव है कि, अपने प्रतिलिपि के साथ, आप इन सभी डेमो के प्रदर्शन के स्कोर बेहतर होगा ।

avada

• Pagespeed इनसाइट्स मोबाइल: 46%
• Pagespeed इनसाइट्स डेस्कटॉप: 48%
• Webpagetest.org: सीधे एक है, छवि संपीड़न पर एक बड़ा वसा एफ के लिए छोड़कर । AAAFA ☑
• Pingdom: 91x% (ए ग्रेड)
• Pingdom लोड स्पीड: 1.94 s
• क्रोम देव उपकरण पृष्ठ वजन: 2.8 mb
• पहुंच क्षमता लेखा परीक्षा: 94% स्कोर (उत्कृष्ट) । ARIA गुण सर्वोत्तम प्रथाओं का पालन करें, तत्वों को अच्छी तरह से संरचित कर रहे हैं, मेटा टैग ठीक से इस्तेमाल किया ।

भारी छवियों कम pagespeed अंतर्दृष्टि स्कोर करने के लिए एक बड़ा योगदान कर रहे हैं; पृष्ठ वजन के 77.2% छवियों के लिए जिंमेदार ठहराया जा रहा है । avada-creative-home1. jpg जैसी फ़ाइलें अधिक प्रयास के बिना 344.6 kb से ~ 40 kb तक कम हो सकती हैं । निश्चित रूप से कहना उचित है कि, सामांय ज्ञान के साथ, अपने Avada के स्थापित बहुत हल्का और तेजी से किया जा सकता है । अच्छा है कि Avada मन में पहुंच के साथ बनाया गया है देखने के लिए ।

द7

• Pagespeed इनसाइट्स मोबाइल: 64%
• Pagespeed इनसाइट्स डेस्कटॉप: 91%
• Webpagetest.org: एक बोर्ड भर में है । आआआआ ☑
• Pingdom: 68% (डी ग्रेड)
• Pingdom लोड स्पीड: 1.51 s
• क्रोम देव उपकरण पृष्ठ वजन: 1.3 mb
• पहुंच क्षमता लेखा परीक्षा: 83% स्कोर (बुरा नहीं) । कुछ छवि तत्वों alt विशेषताएं याद कर रहे हैं, रंग कंट्रास्ट अनुपात पाठ में से कुछ पर बेहतर हो सकता है (इसकी पृष्ठभूमि के सापेक्ष) । लेकिन पूरे पर, तत्वों अच्छी तरह से संरचित कर रहे हैं और पहुँच ठोस है.

आम तौर पर इस डेमो लोड काफी जल्दी बोल; अपनी छवियों और संपत्ति भी भारी नहीं हैं, और पृष्ठ लोड पर अपेक्षाकृत जल्द ही प्रयोग करने योग्य है । अभी तक अपने Pingdom ग्रेड इष्टतम नहीं है । सुधार जावास्क्रिप्ट के कुछ मेल द्वारा बनाया जा सकता है, इसी तरह सीएसएस, whilst कैशिंग आसान फ़ाइल नाम पर संस्करण संख्या (eg:/assets/css/settings.css? ver = 5.4.5.2) को मजबूर नहीं किया जा सकता है ।

बी थीम 

• Pagespeed इनसाइट्स मोबाइल: 76%
• Pagespeed इनसाइट्स डेस्कटॉप: 87%
• Webpagetest.org: सीधे ए की आआआआ ☑
• Pingdom: 98 (ए ग्रेड)
• Pingdom लोड स्पीड: 1.27 s
• क्रोम देव उपकरण पृष्ठ वजन: 1.8 एमबी
• पहुंच लेखा परीक्षा: 80% इसके विपरीत अनुपात पर कम हो जाता है (यह काफी एक अंधेरे, चिंता का विषय है), और अपने ARIA भूमिकाओं का अपूर्ण उपयोग ।

यह थीम बहुत जल्दी लोड होता है । अपनी दिखाई सामग्री के बहुत सारे head में आवश्यक शैलियों इनलाइन सहित द्वारा प्राथमिकता है, और भरी हुई है  बहुत minified है और श्रेणीबद्ध । के रूप में अक्सर मामला है, पृष्ठ वजन के शेर का हिस्सा (69.5%), के लिए छवियां खाता है, तो यह सुनहरा 1Mb दहलीज के नीचे इस डेमो मुखपृष्ठ पाने के लिए मुश्किल नहीं होगा ।

इम्प्रेजा 

• Pagespeed इनसाइट्स मोबाइल: 63%
• Pagespeed इनसाइट्स डेस्कटॉप: 68%
• Webpagetest.org: FAABF ☒
• Pingdom: ८०% (बी ग्रेड)
• Pingdom लोड स्पीड: २.३४ s
• क्रोम देव उपकरण पृष्ठ वजन: 2.5 mb
• एक्सेसिबिलिटी ऑडिट: 94% (उत्कृष्ट) । ठीक से तत्वों पर विशेषताओं ARIA भूमिकाओं सहित, इस्तेमाल किया । समझदार तत्व नाम और अच्छी तरह से वर्णित सामग्री ।

Whilst इम्प्रेजा  के रेस्तरां डेमो के लोड गति बुरा नहीं है, अपने प्रदर्शन के स्कोर छवियों के 2Mb से अधिक बाधा है । नोट के भी CDN की कमी है और गरीब सर्वर रिस्पांस टाइम कर रहे हैं; दो पहलुओं जो इस डेमो और जिंहें आप आसानी से सुधार कर सकते है की मेजबानी के लिए विशिष्ट हैं ।

लपेटना

• Pagespeed इनसाइट्स मोबाइल: 60%
• Pagespeed इनसाइट्स डेस्कटॉप: 60%
• Webpagetest.org: AAADB ☒
• Pingdom: 70% (सी ग्रेड)
• Pingdom लोड स्पीड: २.७९ s
• क्रोम देव उपकरण पृष्ठ वजन: 5.2 एमबी
• पहुंच लेखा परीक्षा: 89% एक उच्च पहुंच के लिए स्कोरिंग विषय डेमो, इसके निर्माण की गुणवत्ता में एक अंतर्निहित ताकत दिखा ।

फिर, कोई इस डेमो, जो यह webpagetest.org पर कुछ अंक खो देता है की मेजबानी के लिए इस्तेमाल किया CDN । HTTPS की कमी भी एक काले निशान लपेटना अर्जित किया है हो सकता है । हमेशा की तरह, इस डेमो के जाल में गिर जाता है के रूप में नेत्रहीन संभव के रूप में तेजस्वी, छवि गुणवत्ता के लिए पृष्ठ वजन त्याग । पर 5Mb इस गुच्छा के हैवीवेट है, लेकिन छवि का आकार हमेशा कुछ आसानी से उपचारात्मक है ।

x

• Pagespeed इनसाइट्स मोबाइल: 77%
• Pagespeed इनसाइट्स डेस्कटॉप: 74%
• Webpagetest.org: DFAAB ☒
• Pingdom: 87% (बी ग्रेड)
• Pingdom लोड स्पीड: 2.45 s
• क्रोम देव उपकरण पृष्ठ वजन: 2.1 mb
• पहुंच लेखा परीक्षा: 91% एक बहुत ही स्वस्थ A11y स्कोर, कुछ छवियों पर altविशेषताओं की कमी के द्वारा ही नीचे चलो, कुछ क्षेत्रों पर कम विपरीत अनुपात (इस चर्च विषय काफी मौन है) और एक iframe पर एक शीर्षक विशेषता की अनुपस्थिति । फिर भी, यह देखते हुए कि iframe एक यूट्यूब एंबेड, जो मानक के रूप में एक शीर्षक विशेषता के साथ नहीं आता से है, हम उस निरीक्षण माफ कर देंगे ।

इस डेमो कुछ है जो एक उचित छवि एक ंयूनतम करने के लिए नीचे सिर रखने के काम करता है में से एक है; webpagetest यह छवि संपीड़न के लिए एक ठोस 97/100 पुरस्कार । इसके बजाय, अपने ओहदे स्कोर काफी हद तक होस्टिंग से आते हैं; कोई CDN, कोई HTTPS, गरीब प्रारंभिक प्रतिक्रिया समय, और "जीवित रखने" की कमी-अंयथा एक सतत HTTP कनेक्शन, कुछ है जो आसानी से पर बंद किया जा सकता है के रूप में जाना जाता है । कभी के रूप में, आसान सुधार है कि आप अपने आप को प्रभाव में ला सकता है ।

पुल

• Pagespeed इनसाइट्स मोबाइल: 70%
• Pagespeed इनसाइट्स डेस्कटॉप: 83%
• Webpagetest.org: DAAAF ☒
• Pingdom: 85% (बी ग्रेड)
• Pingdom लोड स्पीड: 2.12 s
• क्रोम देव उपकरण पृष्ठ वजन: 1.6 mb
• एक्सेसिबिलिटी ऑडिट: ९१% (बहुत अच्छा) । छोटे कुल स्कोर नीचे लाने अंक, लेकिन ARIA गुण सर्वोत्तम प्रथाओं का पालन करें, और पृष्ठ तत्वों समझदार नाम है, उनकी सामग्री का वर्णन अच्छी तरह से, और ठीक से संरचित कर रहे हैं ।

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

फ्लॅट्समें 

• Pagespeed इनसाइट्स मोबाइल: 53%
• Pagespeed इनसाइट्स डेस्कटॉप: 57%
• Webpagetest.org: आआआआ ☑
• Pingdom: 96% (ए ग्रेड)
• Pingdom लोड स्पीड: 1.02 s
• क्रोम देव उपकरण पृष्ठ वजन: 3.7 एमबी
• पहुंच लेखा परीक्षा: 83% अंक A11y मोर्चे पर खो नाम बटन को सही ढंग से (WooCommerce इच्छा सूची आइकन बटन screenreaders द्वारा ठीक से नहीं पढ़ा जा सकता है) और कुछ लिंक समान रूप से अस्पष्ट हैं । कुछ तत्वों और डुप्लिकेट तत्व आईडी पर कम विपरीत भी आसान सुधार कर रहे हैं ।

Pagespeed अंतर्दृष्टि द्वारा अनुकूल आंखों के माध्यम से नहीं देखा है, हालांकि अंय स्कोरिंग मैट्रिक्स बिल्कुल Flatsome प्यार करता हूं! होस्टिंग अच्छा पृष्ठ कुशलता से कार्य करता है (विषय लेखक ध्यान दें), संपत्ति कम से अधिक कर रहे हैं, और आलसी लोड हो रहा है छवियां मदद क्या अंयथा एक मध्य वजन पृष्ठ लोड उत्तरोत्तर होगा ।

बृहस्पति

• Pagespeed इनसाइट्स मोबाइल: 38%
• Pagespeed इनसाइट्स डेस्कटॉप: 44%
• Webpagetest.org: AAAFA ☑
• Pingdom: 92% (ए ग्रेड)
• Pingdom लोड स्पीड: 1.07 s
• क्रोम देव उपकरण पृष्ठ वजन: 3.3Mb
• एक्सेसिबिलिटी ऑडिट: 91% (बहुत अच्छा) । ग्राफिक्स के प्रभावपूर्ण प्रकृति के कारण (जो मैं जिस तरह से प्यार करता हूं,), छवियों में से कुछ पर पाठ कमजोर विपरीत अनुपात के लिए बनाता है । पृष्ठ संरचना और तत्वों के वर्णनात्मक उपयोग करते हैं, उचित ARIA उपयोग के साथ सभी विपरीत कमियों के लिए बनाते हैं ।

मैं एक टूटी हुई रिकॉर्ड की तरह यहां ध्वनि जा रहा हूं, लेकिन छवि अनुकूलन के पांच मिनट काफी इस डेमो पर सिर कम होगा । home-bg-08. jpg अकेले में वजन लगभग एक पूरे मेगाबाइट पर; यह TinyPNG के माध्यम से रनिंग 87% सीधे दूर शेविंग । क्यों नहीं होता? Pingdom और Webpagetest सुझाव के रूप में, अधिकांश अंय प्रदर्शन पहलुओं बहुत अच्छा कर रहे हैं ।

अखबार

• Pagespeed इनसाइट्स मोबाइल: 76%
• Pagespeed इनसाइट्स डेस्कटॉप: 77%
• Webpagetest.org: आआआआ ☑
• Pingdom: 93% (ए ग्रेड)
• Pingdom लोड स्पीड: 1.19 s
• क्रोम देव उपकरण पृष्ठ वजन: 1.5 mb
• पहुंच लेखा परीक्षा: 86% एक अच्छा स्कोर-ठीक से लिंक और बटन जो वास्तव में जावास्क्रिप्ट नियंत्रण के लिए प्रयोग किया जाता है, टॉगल और तरह का वर्णन द्वारा सुधार किया जा सकता है ।

बोर्ड भर में महान स्कोर, मानक सुधार लागू (छवि अनुकूलन, जे एस और सीएसएस संपीड़न/लेकिन मन में भालू है कि इस डेमो भी विषय के अंय संस्करणों को बढ़ावा देने के एक बड़े पुल से सुसज्जित आता है (जटिलता जोड़ा जो अपने खुद के संस्करण की जरूरत की संभावना नहीं होगी) । बहुत प्रयास के बिना इस डेमो उप में कदम-1Mb भार वर्ग सकता है ।

परिणाम तालिका

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

कैसे अपने WordPress विषयों तेजी से बनाने के लिए

एक WordPress विषय खरीदा है, तो आप इसे कैसे अनुकूलित कर सकता है?

यह आपको आश्चर्य नहीं होगा: कॉल के एक आसान पहले बंदरगाह जब अपनी वेबसाइट के अनुकूलन आपकी छवियां है । अवांछित छवियों को निकालें, उन आप की जरूरत है सेक, "प्रगतिशील" के रूप में JPEGs बचाने के लिए (ताकि वे लोड हो रहा है, जबकि देखने के लिए कम से कम कुछ है) और आप एक अच्छी शुरुआत करने के लिए बंद हो जाएगा । तुम भी एक आलसी लदान प्लगइन स्थापित करने के लिए चीजें एक कदम आगे ले जा सकते हैं । हमने देखा है कि इन डेमो के बहुत कुछ छवि अनुकूलन प्राथमिकता है, लेकिन कम से मतलब है कि आप अपने स्कोर पर सुधार करने में सक्षम हो जाएगा ।

बेहद चंचल Pagespeed अंतर्दृष्टि स्कोर के बारे में, आपने गौर किया होगा कि इन सभी डेमो (एक के अपवाद के साथ) अपने मोबाइल संस्करण से डेस्कटॉप के लिए बेहतर स्कोर । यह अब वेब इस्तेमाल किया जाता है जिस तरह से प्रतिबिंबित करता है, तो गूगल रखने के लिए (और उपयोगकर्ताओं) खुश मोबाइल प्रदर्शन के लिए सावधान विचार दे । एक मोबाइल पहले रवैया भी अपने एसईओ में मदद मिलेगी ।

आप यह कैसे कर सकते हैं? सीएसएस और जावास्क्रिप्ट को छोटा करना और जोड़ना WordPress के साथ मुश्किल हो सकता है; तीसरे पक्ष के plugins का उपयोग करने का मतलब है कि फ़ाइलें कई हो सकता है और आप मदद के बिना उन पर ज्यादा नियंत्रण नहीं होगा । फिर भी, तुंहारा सबसे अच्छा करने के लिए महत्वपूर्ण "प्रारंभिक देखें" में इनलाइन शैलियों शामिल<head>और अपनी वेबसाइट के रूप में जल्दी के रूप में संभव के रूप में "रेंडर-अवरुद्ध" नीचे लोड प्रक्रिया को धीमा से लिपियों रोकने के लिए प्रयोग करने योग्य ।</head> यदि आपके मुखपृष्ठ के शीर्ष पर स्लाइडर को दिखाने से पहले पूरे पृष्ठ को लोड करने की आवश्यकता है, तो Google आपको दंडित करेगा.

इसके अलावा, अपने होस्टिंग पर विचार करें । GZIP संपीड़न सक्षम करें । HTTPS कोई नुकसान भी नहीं करेगा । एक कैशिंग सेवा का भी उपयोग करें; स्थापित करने और W3 कुल कैश विंयस्त है बच्चे खेल है । एक CDN का प्रयोग करें यदि आपकी सामग्री एक व्यापक दर्शकों के लिए करना है । अंत में, इस विषय पर अधिक जानकारी और मदद के लिए इन ट्यूटोरियल और पाठ्यक्रमों पर एक नज़र रखना:

वर्डप्रेस प्रदर्शन संसाधन

• Kezz Bracey द्वारा AMP के बिना अपनी वेबसाइट का अनुकूलन
• क्यों (WordPress) राहेल McCollin द्वारा प्रदर्शन के मामले
  
• तेजी से ऊपर WordPress द्वारा Barış Ünver
  
• जेफ रीइफ़मैन द्वारा वर्डप्रेस द्वारा 100 में Google पेजस्पीड का अनुकूलन करना
  
• कैसे बर्बाद प्रदर्शन के बिना वर्डप्रेस प्लगइन्स का उपयोग करने के लिए द्वारा Barış Ünver