Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Web Design
  2. WordPress
Webdesign

اختبار الأداء: أفضل مواضيع ووردبريس مبيعا على ThemeForest

by
Length:LongLanguages:

Arabic (العربية/عربي) translation by Asaad (you can also view the original English article)

يُعد الأداء أحد أهم جوانب أي موقع ويب ، ولكن يبدو أنه شئ نادرًا ما يأخذه الناس في الاعتبار عند شراء مواضيع وردبريس. في هذه الجولة سنتناول أفضل عشرة موضوعات مبيعة في Themeforest ، بحسب ترتيبها ، وننفذها من خلال بعض اختبارات الأداء الأساسية ، وترتيبها من الأعلى إلى الأسفل.

الموضوعات المختارة

يتم تحديث قائمة ThemeForest لأهم موضوعات وردبريس مبيعها أسبوعيًا ، ولكنك غالبًا ما تشاهد لاعبين مألوفين يديرون أفضل المراكز لبعض الوقت. لقد التقطنا المراكز العشرة الأولى (كما هو مذكور أدناه) وقارناهم مع بعضهم البعض ببعض اختبارات الأداء الشائعة.

2017s Best Selling WordPress Themes - updated weekly
أفضل مواضيع وردبريس مبيعا - تحديث أسبوعي

الأختبارات

هناك العديد من الأدوات المتاحة لاختبار مواقع الويب ، وقد اخترنا بعض الكلاسيكيات:  Pagespeed Insights و Webpagetest.org وأدوات  Pingdom وكروم ديف. سيعطي معظمهم تعليقات حول مدى سرعة تحميل صفحة الويب ، وزنها الإجمالي ، ومدى كفاءة نقل أصولها ، مما يعطي في النهاية نوعًا من الدرجات. أجرينا عرضًا تجريبيًا لكل موضوع من خلال هذه الأدوات وجمعنا الأرقام (راجع الجدول في نهاية المشاركة).

بالإضافة إلى هذه الاختبارات ، استخدمنا ملحق معاينة إمكانية الوصول لأدوات كروم ديف. هذا ليس مرتبطًا بالأداء بحد ذاته، ولكن النتائج تقدم دائمًا فكرة عن كيفية إنشاء المظهر.

بعض الأشياء التي يجب ملاحظتها:

  • تستضاف هذه العروض من خلال مؤلفين الموضوعات الفردية. مواصفات الاستضافة ليست كلها متساوية.
  • تم اختيار عرض توضيحي عشوائي حيث تتوفر به خيارات متعددة. تم تجنب WooCommerce أو BuddyPress أو أي ملحق للنظام الأساسي بقدر الإمكان. لم يتم استخدام أي مواضيع متحيزة صوريا (مثل حافظات التصوير الفوتوغرافي) على حد سواء.
  • تم اختبار جميع عناوين URL من كاليفورنيا ، قدر الإمكان.
  • قد تختلف النتائج الدقيقة يوما بعد يوم.
  • غالبًا ما يتم إنشاء عروض توضيحية للمواضيع لتقديم تأثير مرئي ، مليء بالصور عالية الجودة والوظائف قدر الإمكان. وهذا يعني أن العروض التجريبية نادرًا ما تكون انعكاسًا دقيقًا لكيفية ظهور موقع الويب الناتج وتصرفه. من المحتمل ، مع نسختك الخاصة ، أن تحسّن درجات الأداء لكل هذه العروض.

أفادا

Creative demo
أفادا: عرض إبداعي
  • Pagespeed insights للجوّال: 46٪
  • Pagespeed insights لسطح المكتب: 48 ٪
  • Webpagetest.org: يتوقع Straight A’s ,أف كبيرة وعريضة على ضغط الصور. AAAFA☑
  • Pingdom: (درجة) 91٪ 
  • سرعة تحميلPingdom: هو 1.94 ثانية
  • ثقل صفحة أدوات كروم ديف: هو 2.8 ميغابايت
  • تدقيق إمكانية الوصول: 94٪ درجة (ممتازة). تتبع سمات ARIA أفضل الممارسات ، والعناصر منظمة بشكل جيد ، والعلامات الوصفية المستخدمة بشكل صحيح.

الصور الثقيلة لها مشاركة كبيرة في تقليل درجة pagespeed insights؛ 77.2٪ من وزن الصفحة يُنسب إلى الصور. يمكن تخفيض ملفات مثل avada-creative-home1.jpg من 344.6 كيلوبايت إلى ~ 40 كيلوبايت دون بذل الكثير من الجهد. من المؤكد أنه من المنطقي أن نقول إنه من خلال المنطق السليم ، يمكن أن يكون التثبيت الخاص بك لأفادا أكثر خفة وأسرع. من الجيد أن نرى أن أفادا مبني على إمكانية الوصول.

The7

The7 Construction demo
The7: إنشاء عرض توضيحي
  • Pagespeed insights للجوّال: 64٪
  • Pagespeed insights لسطح المكتب: 91 ٪
  • Webpagetest.org: A’s: خلال اللوحة. AAAAA☑
  • Pingdom: (درجة د) 68٪ 
  • سرعة تحميلPingdom: هو 1.51 ثانية
  • ثقل صفحة أدوات كروم ديف: هو 1.3 ميغابايت
  • تدقيق إمكانية الوصول: النتيجة 83٪ (ليس سيئًا). بعض عناصر الصورة تفتقد سمات بديلة، قد تكون نسبة تباين الألوان أفضل في بعض النص (نسبة إلى خلفيتها). ولكن على العموم ، فإن العناصر منظمة بشكل جيد ، والوصول إليها قوي.

بشكل عام ، يتم تحميل هذا العرض التوضيحي بسرعة كبيرة ؛ صورها وأصولها ليست ثقيلة جدًا ، ويمكن استخدام الصفحة قريبًا عند التحميل. لم تعد درجة Pingdom الخاصة به الأمثل. يمكن إجراء تحسينات عن طريق دمج بعض نصوص الجافا، وبالمثل CSS ، بينما يمكن جعل التخزين المؤقت أسهل من خلال عدم فرض أرقام الإصدارات على أسماء الملفات (على سبيل المثال: /assets/css/settings.css؟ver=5.4.5.2).

BeTheme

BeTheme 3D demo
BeTheme: عرض 3D 
  • Pagespeed insights للجوّال: 76٪
  • Pagespeed insights لسطح المكتب: 87 ٪
  • Webpagetest.org: Straight A’s AAAAA☑
  • Pingdom: (درجة أ) 98
  • سرعة تحميلPingdom: هو 1.27 ثانية
  • ثقل صفحة أدوات كروم ديف: هو 1.8 ميغابايت
  • التدقيق في إمكانية الوصول: 80٪ إنحدار قصير فى نسب التباين (هذا موضوع مظلم وصعب إلى حد ما) ، واستخدامه غير المثالي لأدوار ARIA.

تحميل هذا الموضوع بسرعة كبيرة. يتم إعطاء الأولوية لعدد كبير من محتوياتها المرئية من خلال تضمين الأنماط الأساسية المتضمنة في البداية، كما أن الكثير مما يتم تحميله يكون مُصغرًا ومتسلسلًا. وكما هو الحال دائمًا ، تمثل الصور حصة الأسد في وزن الصفحة (69.5٪) ، لذلك لن يكون من الصعب الحصول على هذه الصفحة الرئيسية للعروض التوضيحية ضمن الحد الذهبي 1 ميغابايت.

امبريزا

Impreza Restaurant demo
امبريزا: عرض مطعم
  • Pagespeed insights للجوّال: 63٪
  • Pagespeed insights لسطح المكتب: 68 ٪
  • Webpagetest.org: FAABF☒
  • Pingdom: (درجة ب) 80٪ 
  • سرعة تحميلPingdom: هو 2.34 ثانية
  • ثقل صفحة أدوات كروم ديف: هو 2.5 ميغابايت
  • تدقيق إمكانية الوصول: 94٪ (ممتاز). السمات مستخدمة بشكل صحيح على العناصر ، بما في ذلك أدوار ARIA. أسماء العناصر المميزة والمحتوى الموصوف جيدًا.

في حين أن سرعة تحميل عرض مطعم امبريزا ليست سيئة ، فإن نقاط أدائها تعوقها أكثر من 2 ميغابايت من الصور. أيضا هناك ملحوظة هي نقص شبكة توصيل المحتوى ووقت استجابة الخادم الضعيف. جانبين خاصين باستضافة هذا العرض التوضيحي وإمكانية تحسينهم بسهولة.

Enfold

Enfold Gym demo
Enfold: عرض صالة الألعاب الرياضية
  • Pagespeed insights للجوّال: 60٪
  • Pagespeed insights لسطح المكتب: 60 ٪
  • Webpagetest.org: AAADB☒
  • Pingdom: (درجة سي) 70٪ 
  • سرعة تحميلPingdom: هو 2.79 ثانية
  • ثقل صفحة أدوات كروم ديف: هو 5.2 ميغابايت
  • التدقيق في إمكانية الوصول: 89٪ أحد العروض التجريبية ذات الدرجات الأعلى لإمكانية الوصول ، مع إظهار قوة أساسية في جودة الإنشاء.

مرة أخرى ، لا يستخدم شبكة توصيل المحتوى لاستضافة هذا العرض التوضيحي ، والذي يفقده بضع نقاط على webpagetest.org. قد يؤدي عدم وجود HTTPS إلى حصول Enfold أيضًا على علامة سوداء. كالمعتاد ، يقع هذا العرض في فخ كونه مذهل بصريًا قدر الإمكان ، مما يؤدي إلى التضحية بوزن الصفحة للحصول على جودة الصورة. في أكثر من 5 ميغابايت هذا هو الوزن الثقيل لمجموعة ، ولكن حجم الصورة هو دائما شيء يسهل علاجها.

X

X Church demo
X: عرض الكنيسة
  • Pagespeed insights للجوّال: 77٪
  • Pagespeed insights لسطح المكتب: 74 ٪
  • Webpagetest.org: DFAAB☒
  • Pingdom: (درجة ب) 87٪ 
  • سرعة تحميلPingdom: هو 2.45 ثانية
  • ثقل صفحة أدوات كروم ديف: هو 2.1 ميغابايت
  • تدقيق إمكانية الوصول: 91٪ درجة A11y صحية للغاية ، إنخفض خلال نقص صفات بديلةفي بعض الصور ، ونسبة تباين منخفضة في بعض المناطق (\موضوع الكنيسة هذا غير واضح) وغياب سمة العنوان على الأطار. مع ذلك ، نظرًا لأن الأطار من تضمين يوتيوب، والذي لا يأتي مع سمة العنوان كمعيار ، فسوف نغفر هذا الإشراف.

هذا العرض التوضيحي هو واحد من عدد قليل من الموظفين الذين يقومون بعمل معقول للحفاظ على النفقات العامة إلى الحد الأدنى ؛ إختبار صفحة الويب يمنحها قوة 97/100 لضغط الصور. بدلا من ذلك ، تأتي درجاته المنخفضة إلى حد كبير من الاستضافة ؛ لا يوجد شبكة توصيل المحتوى، لا يوجد HTTPS ، ضعف وقت الاستجابة الأولي ، وعدم وجود "إبقاء متصل" - يعرف باسم اتصال HTTP المستمر ، وهو أمر يمكن تشغيله بسهولة. كما هو الحال دائمًا ، يمكن إدخال تحسينات سهلة عليك.

Bridge

Bridge Spa demo
Bridge: موضوع منتجع صحي
  • Pagespeed insights للجوّال: 70٪
  • Pagespeed insights لسطح المكتب: 83 ٪
  • Webpagetest.org: DAAAF☒
  • Pingdom: (درجة ب) 85٪ 
  • سرعة تحميلPingdom: هو 2.12 ثانية
  • ثقل صفحة أدوات كروم ديف: هو 1.6 ميغابايت
  • تدقيق إمكانية الوصول: 91٪ (جيد جدًا). النقاط الصغيرة التي تؤدي إلى انخفاض النتيجة الإجمالية ، ولكن تتبع سمات ARIA أفضل الممارسات ، وتحتوي عناصر الصفحة على أسماء مميزة ، وتصف محتواها جيدًا ، ويتم تنظيمها بشكل صحيح.

أحد العروض الأخف هنا ، ولكن شريط تمرير الصور سيؤدي دائمًا إلى زيادة وزن الصفحة ، حتى مع الصور المحسنة تمامًا مثل هذه. كان من الممكن أن يساعد تصغير HTML والممتلكات الأخرى في الحصول على نتائج رؤية الصفحات ، كما أن الاستضافة المحسنة ستحدث عجائب - أفضل زمن استجابة للخادم ، و CDN ، والتخزين المؤقت كونها فاكهة منخفضة القيمة.

Flatsome

Flatsome Go Explore demo
Flatsome: موضوع استكشاف
  • Pagespeed insights للجوّال: 53٪
  • Pagespeed insights لسطح المكتب: 57 ٪
  • Webpagetest.org: AAAAA☑
  • Pingdom: (درجة أ) 96٪ 
  • سرعة تحميلPingdom: هو 1.02 ثانية
  • ثقل صفحة أدوات كروم ديف: هو 3.7 ميغابايت
  • معاينة إمكانية الوصول: 83٪ نقاط مفقودة على واجهة A11y من خلال عدم تسمية الأزرار بشكل صحيح (لا يمكن قراءة أزرار رموز قائمة WooCommerce بشكل صحيح بواسطة برامج قراءة الشاشة) وبعض الارتباطات غامضة بنفس القدر. وضوح منخفض على بعض العناصر والعناصر المكررة هي أيضا إصلاحات سهلة.

لم أر من خلال عيون مناسبة من قبل Pagespeed Insights ، على الرغم من أن مقاييس الحصول على الدرجات الأخرى بالتأكيد تحب Flatsome! تخدم الاستضافة الجيدة الصفحة بكفاءة (يلاحظ مؤلفو الموضوع) ، ويتم تصغير الأصول ، وتساعد الصور بطيئة التحميل في ما لو كان تحميل الصفحة متوسط الثقل بشكلٍ متدرج.

Jupiter

Jupiter Bellona template
Jupiter: نموذج بيلونا
  • Pagespeed insights للجوّال: 38٪
  • Pagespeed insights لسطح المكتب: 44 ٪
  • Webpagetest.org: AAAFA☑
  • Pingdom: (درجة أ) 92٪ 
  • سرعة تحميلPingdom: هو 1.07 ثانية
  • ثقل صفحة أدوات كروم ديف: هو 3.3 ميغابايت
  • معاينة إمكانية الوصول: 91٪ (جيد جدًا). بسبب الطبيعة المتأثرة للرسومات (التي أحبها ، بالمناسبة) ، فإن النص على بعض الصور يجعل نسب الوضوح ضعيفة. إن بنية الصفحة والاستخدام الوصفي للعناصر ، إلى جانب الاستخدام المناسب لـ ARIA ، جميعها تعوض عن أوجه القصور الواضحة.

سأبدو وكأنه سجل مكسور هنا ، ولكن خمس دقائق من تحسين الصورة ستقلل بشكل كبير من النفقات العامة على هذا العرض التوضيحي. home-bg-08.jpg يزن وحده ما يقرب من ميغا بايت كله ؛ تشغيله من خلال TinyPNG يحلق قبالة 87 ٪ بعيدا على الفور. لماذا لا تفعل؟ وكما تشير Pingdom و Webpagetest ، فإن معظم جوانب الأداء الأخرى جيدة جدًا.

الجريدة

Newspaper Tech news
جريدة: أخبار التكنولوجيا
  • Pagespeed insights للجوّال: 76٪
  • Pagespeed insights لسطح المكتب: 77 ٪
  • Webpagetest.org: AAAAA☑
  • Pingdom: (درجة ا) 93٪ 
  • سرعة تحميلPingdom: هو 1.19 ثانية
  • ثقل صفحة أدوات كروم ديف: هو 1.5 ميغابايت
  • معاينة إمكانية الوصول: 86٪  درجة جيدة يمكن تحسينها - من خلال وصف الروابط والأزرار التي يتم استخدامها فعليًا لعناصر تحكم جافا سكريبت ، والتبديل وما شابه.

نتائج رائعة عبر اللوحة ، تطبق التحسينات القياسية (تحسين الصورة ، JS وضغط / وتجميع CSS) ولكن ضع في اعتبارك أن هذا العرض التجريبي يأتي أيضًا مزودًا بسحب كبير للترويج لإصدارات أخرى من الموضوع (من غير المرجح أن تحتاج إضافة تعقيدات لنسختك الخاصة). وبدون الكثير من الجهد ، يمكن لهذا البرنامج التدريبي أن يتدخل في فئة الوزن تحت 1ميجابيت.

جدول النتائج

مع الأخذ في الاعتبار جميع التحذيرات التي ذكرناها على طول الطريق ، يضع هذا الجدول الموضوعات في نوع معين من الترتيب. يعمل تقييم Pingdom بمثابة نقاط مستديرة إلى حد ما لتوجيه الأشياء ؛ سترى أن ثقل الصفحة وسرعة التحميل وحتى درجات Pagespeed Insights تقع في نمط مماثل (إلى درجة).

ملحق Pagespeed insights Pingdom سرعة التحميل ثقل الصفحة
BeTheme 81.5% 98% 1.27ثانية
1.8ميجابايت
Flatsome 55% 96% 1.02ثانية
3.7ميجابايت
الجريدة 76.5% 93% 1.19ثانية 1.5 ميجابايت
Jupiter 41% 92% 1.07ثانية 3.3 ميجابايت
أفادا 46.5% 91% 1.94ثانية 2.8ميجابايت
X 75.5% 87% 2.45ثانية
2.1ميجابايت
Bridge 76.5% 85% 2.12ثانية
1.6ميجابايت
امبريزا 65.5% 80% 2.34ثانية 2.5ميجابايت
Enfold 60% 70% 2.79ثانية 5.2ميجابايت
The7 78% 68% 1.51ثانية 1.3ميجابايت

كيفية جعل موضوع ووردبريس الخاص بك أسرع

بعد شراء موضوع وردبريس، كيف يمكنك تحسينه؟

لن يفاجئك: أول بوابة سهلة للاتصال عند تحسين موقع الويب الخاص بك هو صورك. إزالة الصور غير المرغوب فيها ، وضغط الصور التي تحتاجها ، وحفظ ملفات JPEG كـ "تقدمية" (بحيث يكون هناك شيء ما يمكن مشاهدته أثناء تحميله) وستكون بداية جيدة. قد تحتاج أيضًا إلى تثبيت ملحق خامل للتحميل لخطوة الأشياء. لقد رأينا أن عددًا قليلاً جدًا من هذه العروض التوضيحية يعطي الأولوية لتحسين الصورة ، ولكن هذا يعني على الأقل أنك ستتمكن من تحسين نتائجها.

في ما يتعلق بدرجات Pagespeed Insights المتقلبة ، ستلاحظ أن كل هذه العروض التوضيحية (باستثناء واحد) تسجل أفضل لسطح المكتب من إصدارات الجوّال. لم يعد هذا يعكس الطريقة التي يتم بها استخدام الويب ، وذلك لإبقاء جوجل (والمستخدمين) سعداء في التفكير في أداء الجوال. كما سيساعد الموقف الأول للجوال في تحسين محرك البحث الخاص بك.

كيف تفعل هذا؟ يمكن أن يكون تجميع وضبط CSS وجافا سكريبت أمرًا صعبًا مع وردبريس؛ باستخدام المحمول طرف ثالث يعني أن الملفات يمكن أن تكون الكثير، وسوف لا يكون لديك الكثير من السيطرة عليهم دون مساعدة. ومع ذلك ، ابذل قصارى جهدك لتشمل أنماط "العرض الأولي" الحيوية في البداية وجعل موقع الويب الخاص بك قابلاً للاستخدام في أسرع وقت ممكن عن طريق منع البرامج النصية "حظر العرض" من إبطاء عملية التحميل. إذا كان شريط التمرير أعلى صفحتك الرئيسية يتطلب تحميل الصفحة بأكملها قبل ظهورها ، فستفرض جوجل عليك عقوبة.

أبعد من ذلك ، النظر في الاستضافة الخاصة بك. تمكين ضغط GZIP. لن تفعل HTTPS أي ضرر أيضًا. استخدم خدمة التخزين المؤقت أيضًا ؛ تثبيت وتكوين W3 Total Cache هي لعبة للأطفال. استخدم CDN إذا كان المحتوى مخصصًا لجمهور واسع. وأخيرًا ، يمكنك إلقاء نظرة على هذه البرامج التعليمية والدورات التدريبية لمزيد من التفاصيل والمساعدة في الموضوع:

ووردبريس الموارد الأداء

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.