أسرع 10 ثيمات WordPress في عام 2023 (مجاني ومدفوع)

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

لتحليلنا ، اخترنا السمات الأكثر شيوعًا في السوق (المجانية والمدفوعة) ، وإليك القائمة المختصرة أدناه:

5 ثيمات خفيفة الوزن

1. مرحبًا
2. أسترا
3. OceanWP
4. توليد الضغط
5. كادينس

5 سمات تأتي مع أداة إنشاء الصفحات

6. أفادا (فيوجن بيلدر)
7. ديفي (ديفي بيلدر)
8. BeTheme (BeBuilder)
9. 7 (منشئ صفحة العنصر)
10. البارز (منشئ صفحة WPBakery)

دعنا نراجع ونستعرض نتائج الأداء لكل موضوع:

أسرع 10 سمات WordPress + بيانات الاختبار

1. مرحبًا

سمة خالية من الفانيليا تم تطويرها بواسطة Elementor ومصممة خصيصًا لمنشئ الصفحات. يستغرق 6 كيلوبايت فقط من موارد الذاكرة ، ونتيجة لذلك ، تكون خيارات التخصيص محدودة إذا كنت تستخدم السمة وحدها.

نتائج الأداء لموضوع Hello:

• نقاط PageSpeed ​​للجوّال: 90/100
• أول رسم مضمون: 3.1s
• أكبر رسم محتوى: 1.8 ثانية
• التحول في التخطيط التراكمي: 2.9 ثانية
• مؤشر السرعة: 1.4 ثانية
• وقت التفاعل: 1.4 ثانية
• إجمالي وقت الحظر: 0 مللي ثانية
• إجمالي وقت التحميل: 2.2 ثانية
• الحجم الإجمالي للصفحة: 990 كيلو بايت
• طلبات HTTP: 13

2. أسترا

Astra هي واحدة من أكثر سمات WordPress المجانية شيوعًا نظرًا لرمزها خفيف الوزن وميزاتها سهلة الاستخدام وآلاف القوالب الجاهزة للاستخدام.

نتائج الأداء لموضوع Astra:

• نقاط PageSpeed ​​للجوّال: 91/100
• أول رسم مضمون: 2.1 ثانية
• أكبر رسم محتوى: 1.9 ثانية
• التحول في التخطيط التراكمي: 2.8 ثانية
• مؤشر السرعة: 1.3 ثانية
• وقت التفاعل: 1.4 ثانية
• إجمالي وقت الحظر: 0 مللي ثانية
• إجمالي وقت التحميل: 2.1 ثانية
• الحجم الإجمالي للصفحة: 890 كيلو بايت
• طلبات HTTP: 12

3. OceanWP

خفيف الوزن وقابل للتمديد بدرجة كبيرة ، سيمكنك من إنشاء أي نوع من مواقع الويب تقريبًا. إنه موضوع سريع الاستجابة ويبدو رائعًا على الهاتف المحمول وله أدوات الترجمة الخاصة به. يحتوي على العديد من القوالب التي تم إنشاؤها باستخدام Gutenberg (محرر WordPress) والبناة المشهورين مثل Elementor أو Beaver Builder.

نتائج الأداء لموضوع OceanWP:

• نقاط PageSpeed ​​للجوّال: 88/100
• أول رسم مضمون: 1.1s
• أكبر رسم محتوى: 2.9 ثانية
• التحول في التخطيط التراكمي: 1.8 ثانية
• مؤشر السرعة: 2.3 ثانية
• وقت التفاعل: 1.4 ثانية
• إجمالي وقت الحظر: 0 مللي ثانية
• إجمالي وقت التحميل: 3.2 ثانية
• الحجم الإجمالي للصفحة: 996 كيلو بايت
• طلبات HTTP: 13

4. GeneratePress

GeneratePress عبارة عن سمة خفيفة الوزن تم إنشاؤها مع التركيز على سهولة الاستخدام والسرعة (يضيف تثبيت GeneratePress الجديد أقل من 10 كيلو بايت إلى حجم صفحتك). يستفيد المظهر بشكل كامل من محرر الكتلة (Gutenberg) ، والذي يمنحك مزيدًا من التحكم في إنشاء المحتوى الخاص بك.

نتائج الأداء لموضوع GeneratePress:

• نقاط PageSpeed ​​للجوّال: 86/100
• أول رسم مضمون: 3.3 ثانية
• أكبر رسم محتوى: 1.7 ثانية
• التحول في التخطيط التراكمي: 2.8 ثانية
• مؤشر السرعة: 1.3 ثانية
• وقت التفاعل: 2.5 ثانية
• إجمالي وقت الحظر: 0 مللي ثانية
• إجمالي وقت التحميل: 3.1 ثانية
• الحجم الإجمالي للصفحة: 890 كيلو بايت
• طلبات HTTP: 12

5. كادينس

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

نتائج الأداء لموضوع Kadence:

• نقاط PageSpeed ​​للجوّال: 89/100
• أول رسم مضمون: 3.1s
• أكبر طلاء محتوى: 1.9 ثانية
• التحول في التخطيط التراكمي: 2.9 ثانية
• مؤشر السرعة: 1.3 ثانية
• وقت التفاعل: 1.7 ثانية
• إجمالي وقت الحظر: 0.3 مللي ثانية
• إجمالي وقت التحميل: 2.8 ثانية
• إجمالي حجم الصفحة: 898 كيلو بايت
• طلبات HTTP: 10

6. أفادا (+ فيوجن بيلدر)

الموضوع الأكثر مبيعًا على Envato لسنوات. هناك الآلاف من القوالب سهلة التخصيص في المكتبة. إنه منشئ مواقع الويب الذي يسمح لك ببناء موقعك من الرأس إلى التذييل ، وذلك بفضل أداة Fusion Builder القوية. تتم صيانة Avada بنسبة 100٪ داخل الشركة من قبل نفس الفريق ولا تعتمد على أدوات الطرف الثالث.

نتائج الأداء لموضوع Avada:

• نقاط PageSpeed ​​للجوّال: 87/100
• أول رسم مضمون: 3.1s
• أكبر طلاء محتوى: 1.5 ثانية
• التحول في التخطيط التراكمي: 1.7 ثانية
• مؤشر السرعة: 1.5 ثانية
• وقت التفاعل: 2.4 ثانية
• إجمالي وقت الحظر: 0 مللي ثانية
• إجمالي وقت التحميل: 2.4 ثانية
• الحجم الإجمالي للصفحة: 998 كيلو بايت
• طلبات HTTP: 12

7. Divi (+ Divi Builder)

Divi هي سمة قوية بفضل أداة إنشاء الصفحات المرئية. كانت Elegant Themes من بين الشركات الأولى التي جلبت WYSIWYG إلى WordPress. يمكنك بناء كل شيء بصريًا باستخدام إطار عمل Divi دون لمس سطر واحد من التعليمات البرمجية (وبدون تثبيت أي مكونات إضافية وتكوينها لجلب ميزات إضافية).

نتائج الأداء لموضوع Divi:

• نقاط PageSpeed ​​للجوّال: 84/100
• أول رسم مضمون: 4.1s
• أكبر رسم مضمون: 1.1 ثانية
• التحول في التخطيط التراكمي: 1.8 ثانية
• مؤشر السرعة: 1.4 ثانية
• وقت التفاعل: 1.1 ثانية
• إجمالي وقت الحظر: 0.1 مللي ثانية
• إجمالي وقت التحميل: 3.1 ثانية
• الحجم الإجمالي للصفحة: 1.2 ميغا بايت
• طلبات HTTP: 14

8. BeTheme (+ BeBuilder)

BeTheme هو منشئ مواقع ويب متعدد الأغراض وموضوع WordPress الأكثر مبيعًا مع أكثر من 650 موقعًا تم إنشاؤه مسبقًا (مع تصميمات حديثة جدًا ورائجة). كما أن BeBuilder الخاص بهم متوافق تمامًا مع WooCommerce ، وقد أطلقوا مؤخرًا أداة إنشاء الاستعلامات لإنشاء مواقع ويب ديناميكية.

نتائج الأداء لموضوع BeTheme:

• نقاط PageSpeed ​​للجوّال: 80/100
• أول رسم مضمون: 4.1s
• أكبر رسم محتوى: 2.9 ثانية
• التحول في التخطيط التراكمي: 3.8 ثانية
• مؤشر السرعة: 1.9 ثانية
• وقت التفاعل: 1.4 ثانية
• إجمالي وقت الحظر: 0.2 مللي ثانية
• إجمالي وقت التحميل: 4.1 ثانية
• الحجم الإجمالي للصفحة: 1.4 ميجا بايت
• طلبات HTTP: 15

9. The7 (+ Elementor)

إنها ثيمات Elementor رقم 1 التي تقدم الكثير من التخصيص من لوحة معلومات WordPress. يحتوي The7 على أكثر من 60 موقعًا وهميًا تم إنشاؤه مسبقًا مع قوالب حصرية لـ Elementor و WPBakery Page Builder و Slider Revolution.

نتائج الأداء لموضوع The7:

• نقاط PageSpeed ​​للجوّال: 81/100
• أول رسم مضمون: 2.4 ثانية
• أكبر رسم محتوى: 1.8 ثانية
• التحول في التخطيط التراكمي: 2.9 ثانية
• مؤشر السرعة: 1.1 ثانية
• وقت التفاعل: 1.2 ثانية
• إجمالي وقت الحظر: 0 مللي ثانية
• إجمالي وقت التحميل: 3.8 ثانية
• الحجم الإجمالي للصفحة: 1.1 ميجا بايت
• طلبات HTTP: 16

10. بارز (+ إصدار مخصص من WPBakery Page Builder)

يوفر Salient الوصول إلى مكتبة من القوالب الاحترافية مع أكثر من 400 للاختيار من بينها. لقد اتخذوا منشئ صفحة WP Bakery Bakery كأساس وأضفوا بعض الميزات الإضافية إليه. أخيرًا ، يتمتع Salient بمتوسط ​​تصنيف 4.8 من 5 بناءً على 5700 تصنيفًا على Themeforest.

نتائج الأداء للموضوع البارز:

• نقاط PageSpeed ​​للجوّال: 82/100
• أول رسم مضمون: 2.5 ثانية
• أكبر رسم محتوى: 1.7 ثانية
• التحول في التخطيط التراكمي: 1.8 ثانية
• مؤشر السرعة: 1.9 ثانية
• وقت التفاعل: 1.2 ثانية
• إجمالي وقت الحظر: 0.35 مللي ثانية
• إجمالي وقت التحميل: 3.8 ثانية
• إجمالي حجم الصفحة: 987 كيلو بايت
• طلبات HTTP: 13

جدول نتائج الاختبار

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

موضوعات خفيفة الوزن

السمات التي تأتي مع أداة إنشاء الصفحات

وبالمثل ، يعتمد الترتيب على نتيجة PageSpeed ​​للجوال.

الماخذ الرئيسية:

• تنتقل جميع السمات من مقبول إلى جيد جدًا بالنسبة إلى درجاتها في PageSpeed ​​Insights. يوجد إما باللون البرتقالي أو الأخضر ، ولا يوجد أي منها باللون الأحمر من حيث الأداء.
• يبدو أن Astra هو الأسرع بين السمات خفيفة الوزن ، مع 91/100 على الهاتف المحمول وتحميل الصفحة 2،1 ثانية.
• Avada (مع منشئها الخاص) يجعلها أيضًا في أعلى القائمة مع 87/100 على الهاتف المحمول وتحميل الصفحة 2،4s.

كيف اختبرنا المواضيع

استند اختيارنا إلى الشعبية في عام 2023 ، والأعداد الكبيرة من التنزيلات أو المبيعات على Envato ، ومراجعات الجودة. ثم نقوم بإجراء تدقيق من خلال أدوات الأداء التالية:

مدعوم من Lighthouse و PageSpeed ​​Insights و GTmetrix ، يقوم كلاهما بتحليل أداء وتجربة المستخدم لموقعك على الويب. أهم مؤشرات الأداء الرئيسية هي مؤشرات الويب الأساسية التي تأتي مع تقرير مفصل حول كيفية أداء صفحاتك وما هي مجالات التحسين. لهذا السبب قمنا بتضمين المقاييس العشرة التالية في اختباراتنا - تم قياسها على الهاتف المحمول :

من PageSpeed ​​Insights:

• نتيجة PageSpeed ​​للجوّال
• أول رسم مضمون
• أكبر رسم مضمون
• التحول في التخطيط التراكمي
• مؤشر السرعة
• حان الوقت للتفاعل
• إجمالي وقت الحظر

من GTmetrix:

• إجمالي وقت التحميل
• الحجم الإجمالي للصفحة
• طلبات HTTP

ثم اخترنا 10 موضوعات قسمناها إلى فئتين:

# 1 السمات المجانية وخفيفة الوزن التي تأتي مع نهج أضيق الحدود وتشبه إلى حد كبير لوحة أساسية لبدء موقع ويب:

• مرحبًا
• أسترا
• OceanWP
• توليد الضغط
• كادينس

# 2 تحتوي الفئة الأخرى على السمات "الأثقل" التي تأتي مع أداة إنشاء الصفحات الخاصة بها. اعتقدنا أن مقارنة Avada (ومنشئها Fusion) مع موضوع خفيف الوزن مثل Astra سيكون غير عادل. لذا فإن موضوعات الفئة الثانية هي كما يلي:

• أفادا (فيوجن بيلدر)
• ديفي (ديفي بيلدر)
• BeTheme (BeBuilder)
• 7 (منشئ صفحة Elementor / WP Bakery)
• البارز (منشئ صفحة WPBakery)

مواقع الاختبار

بالنسبة للفئة الأولى ، قمنا ببناء موقع اختبار واقعي باستخدام محرر WordPress ، واستخدمنا الكتل لإنشاء شعار بطل مع زر ، و 5 شهادات مع صور ، وعبارة تحث المستخدم على اتخاذ إجراء (قسم كامل مع صورة) ، و 4 رموز و نص وعنوانان وترجمات و 8 خدمات بالصور.

بالنسبة للفئة الثانية ، تأكدنا في كل مرة من إنشاء صفحة بها عناصر متشابهة موجودة في كل منشئ: لافتة بطل مع صورة وزر ، 3 خدمات مع أيقونة ونصوص ، صورتان (أعدنا استخدام نفس الشيء) ، عنصرين نصيين و 3 قوائم أيقونات وقسم دعوة لاتخاذ إجراء مع رأس وعنوان فرعي وزر (قسم كامل).

باتباع نفس سيناريوهات الاختبار ونفس المحتوى لكل موضوع ، يمكننا إجراء تحليل عادل لمقارنة الأداء. لقد قمنا بتثبيت جديد لكل سمة واستخدمنا نفس الخادم لاختبار سرعة كل سمة.

امنح أداء إضافيًا مع WP Rocket

يعد WP Rocket أحد أفضل المكونات الإضافية للتخزين المؤقت لبرنامج WordPress والتي يمكنها تحسين أي موضوع ببضع نقرات. كما أنه يعمل على تحسين أداء موقعك وأداء "أساسيات الويب الأساسية".

لفهم التأثير الكبير لـ WP Rocket على السرعة ، دعنا نراه في العمل مع BeTheme ، والذي كان الموضوع "الأبطأ" في اختباراتنا.

للسجل ، كانت هناك بعض المشكلات التي تم وضع علامة عليها بواسطة Lighthouse ، مدرجة ضمن علامة التبويب "الفرص":

تتضمن التوصيات استخدام التخزين المؤقت ، وتمكين ضغط النص ، وتقليل CSS / JS غير المستخدمة ، وتأجيل الصور خارج الشاشة.

قمنا بتنشيط WP Rocket على موقع الاختبار هذا ، ولاحظنا تحسنًا كبيرًا:

تحسنت أيضًا جميع مؤشرات الأداء الرئيسية الخاصة بنا بفضل WP Rocket التي حسنت أيضًا درجة PageSpeed ​​Insights (انتقل موقعي إلى اللون الأخضر بدرجة 98/100).

عزز WP Rocket أيضًا درجة Core Web Vitals وخفض إجمالي وقت التحميل (من 4.1 ثانية إلى 2.1 ثانية). قام WP Rocket أيضًا بتقليل حجم الصفحة وعدد طلبات HTTP:

* حيوية الويب الأساسية

لإصلاح جميع تحذيرات PageSpeed ​​Insights وتعزيز مؤشرات الأداء الرئيسية ، قمنا بتنشيط ميزات WP Rocket التالية:

• قم بتنفيذ التخزين المؤقت وضغط النص عند تنشيط المكون الإضافي:

يمكنك أيضًا تعديل الخيارات الخاصة بك من علامة تبويب ذاكرة التخزين المؤقت في مسؤول WordPress:

• علامة تبويب تحسين الملفات لتقليل CSS غير المستخدمة (من بين ميزات تحسين CSS الأخرى):

• قسم فرعي مخصص لتحسين JS:

• ميزة التحميل البطيء لتأجيل الصور خارج الشاشة (وتحميل الصور الموجودة في الجزء المرئي فقط):

ما هو أفضل موضوع بالنسبة لك؟

يكاد يكون من المستحيل اقتراح موضوع واحد لك لأنه يعتمد على احتياجاتك الخاصة وموجز عميلك ، ولكن إليك بعض النصائح:

• إذا كان لديك عميل على استعداد لتولي موقع الويب الخاص به وتحديث المحتوى والوصول إلى لوحة معلومات WordPress ، فقد يكون اختيار سمة باستخدام أداة إنشاء الصفحات أسهل (مثل BeTheme أو 7).
• إذا كنت تعمل بالقطعة وتبحث عن سمة بها عروض توضيحية مصممة بشكل كبير لمختلف الصناعات ، فقد تكون Divi و BeTheme هي أفضل اختياراتك.
• إذا كنت تخطط لإنشاء موقع WooCommerce متقدم يحتوي على آلاف المنتجات ، فقد يكون موضوع خفيف الوزن مثل Astra أكثر حكمة. بالإضافة إلى ذلك ، يأتي مزودًا بميزات WooCommerce المتقدمة.
• إذا كنت بحاجة إلى إنشاء النماذج الخاصة بك وتخطيطات المنتج وإضافة بيانات ديناميكية إلى موقع الويب الخاص بك ، فإن السمة المجمعة مع Elementor Pro تعد خيارًا رائعًا. كانت Elementor واحدة من أولى الشركات التي أطلقت WooCommerce builder ، مما يسمح لك ببناء قالب المنتج الخاص بك وصفحة المتجر في أي وقت من الأوقات.
• إذا كنت مترددًا بين بعض السمات ، فقم بتثبيت أحد العروض التوضيحية الخاصة بهم وانظر إليها على الهاتف المحمول. يجب أن تكون الاستجابة ضرورية عند إنشاء موقع على شبكة الإنترنت.
• إذا كنت وكالة ويب وتصميم ، فإن Divi تقدم Divi Cloud ، حيث يمكنك بسهولة تخزين مشروعك ومشاركته مع الفريق. يمكن أن يتم التعاون والتعديلات المحتملة بشكل أسرع من كل مكان.

أخيرًا ، اختر سمة ذات دعم سريع وتحديثات حديثة وتوثيق دقيق. على سبيل المثال ، تمتلك OceanWP أكاديمية تقدم ندوات عبر الإنترنت وبرامج تعليمية لاستخدام الموضوع على أكمل وجه.

تغليف

الآن ، يجب أن تكون قادرًا على تحديد واختيار موضوع WordPress المناسب لمشروعك التالي. وتذكر أنه بغض النظر عن الموضوع الذي تختاره لمشروعك التالي ، فإن WP Rocket هو أسهل طريقة لتحسين سرعة موقع WordPress الخاص بك واجتياز عمليات تدقيق الأداء على PageSpeed ​​Insights.