أهم 7 ثيمات WordPress لأساسيات الويب الأساسية الجيدة (تصنيف 2023)

هناك أكثر من 10500 سمة مجانية متوفرة في مستودع WordPress.

والعدد يتزايد يوما بعد يوم.

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

لنكن صادقين - لا يبدو أنها مهمة تريد قضاء يومك بأكمله في القيام بها.

خاصة عندما فعلناها من أجلك!

لذا ، بدلاً من إضاعة الوقت في التنشيط ، وإلغاء التنشيط ، والاختبار ، وتدوين النتائج ، والمقارنة ، تابع القراءة لمعرفة موضوعات WordPress السبعة التي برزت بعد بحثنا واختبارنا الشامل.

كيف اختبرنا أفضل مرشحين لقوالب WordPress لأساسيات الويب الأساسية الجيدة

ملاحظة: كانت أفضل طريقة لتقريب أداء السمة في العالم الحقيقي دون توليد حركة مرور هي الاعتماد على "أساسيات الويب الأساسية" المعتمدة على المعمل. تُظهر تجربتنا أن السمات التي تجتاز LCP و CLS و TBT في المختبر تتمتع بفرص أعلى لإعادة إنتاج نفس النتائج الجيدة في هذا المجال.

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

بعد ذلك ، بدأنا عملية اختبار السرعة الطويلة:

• قم بتثبيت وتنشيط السمة على تثبيت WordPress فارغ.
• اترك الموضوع كما هو - لا يوجد محتوى مضاف أو قوائم أو صفحات أو منشورات أو مكونات إضافية.
• قم بتشغيل موقع الويب بالموضوع من خلال PageSpeed ​​Insights من Google.
• قم بتشغيل الموضوع من خلال GTmetrix.
• قم بتشغيل الموضوع من خلال اختبار سرعة Pingdom.
• اجمع كل النتائج وقارنها.

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

في كل أداة ، قررنا مراقبة مقاييس محددة:

PageSpeed ​​Insights

إن PageSpeed ​​Insights (PSI) من Google هي أداة الانتقال لاختبار موضوع للسرعة وأساسيات الويب الأساسية. بالنظر إلى أنه لم يكن لدينا زيارات في العالم الحقيقي ، فقد ركزنا على نقاط الأداء ومقاييسها على كل من الأجهزة المحمولة وسطح المكتب.

فيما يلي المقاييس التي ركزنا عليها:

• نقاط الأداء . إنه من أصل 100 ويعتمد على المقاييس التالية - LCP و CLS ومؤشر السرعة و TBT و FCP. كل مقياس له وزن مختلف.
• أول رسم مضمون. FCP هو الوقت الذي يستغرقه المتصفح لتصور الجزء الأول من محتوى DOM.
• أكبر رسم مضمون. يقيس LCP الوقت الذي يستغرقه تحميل أكبر عنصر في الجزء المرئي من الصفحة على الصفحة.
• مؤشر السرعة . يُظهر مدى سرعة تعبئة محتويات الصفحة بشكل مرئي. الاقل هو الافضل.
• إجمالي وقت الحظر. يوضح مدى عدم استجابة الصفحة قبل أن تصبح تفاعلية بالكامل.
• التحول في التخطيط التراكمي. يقيس CLS مدى تأثير تغيرات التخطيط غير المتوقعة في تجربة المستخدم على الصفحة.

GTmetrix

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

المقاييس التي حددناها هي:

• GTmetrix الصف. إنها درجة مرجحة لكل من درجات الأداء والهيكل.
• نقاط الأداء. إنها نقاط أداء Lighthouse ، كما تم التقاطها بواسطة GTmetrix ، مع عمليات التدقيق المخصصة وخيارات التحليل والمتصفح ومواصفات الأجهزة.
• نقاط الهيكل . إنه تقييم ملكية لعمليات تدقيق Lighthouse و Custom GTmetrix. إنه يمثل كيفية إنشاء موضوع / صفحة بشكل جيد لتحقيق الأداء الأمثل.
• حيوية الويب. مقاييس "حيوية الويب الأساسية" المعتمدة على المعمل والتي تقيس ما إذا كان الموضوع / الصفحة تقدم تجربة شاملة ممتازة.
• وقت التحميل. كم من الوقت يستغرق تحميل صفحة ويب بالكامل.

بينغدوم

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

تم اختبار جميع الموضوعات من أمريكا الشمالية - الولايات المتحدة الأمريكية - واشنطن العاصمة

المقاييس التي راقبناها:

• درجة الأداء هذه درجة تراكمية من 100.
• وقت التحميل. مقدار الوقت الذي يستغرقه Pingdom لتحميل موقع الويب بالكامل مع تثبيت سمة.
• مقاس الصفحه. حجم جميع ملفات الموقع الخاصة بالصفحة. الموضوع له تأثير كبير على هذا الموضوع.
• الطلبات. عدد طلبات الخادم لتسليم السمة ومحتوى الموقع للمستخدم.

ملخص سريع لأفضل ثيمات WordPress أداءً

قبل أن نتعمق في كل سمة وميزاتها وأسعارها ونتائج الأداء ، إليك ملخصًا لاختباراتنا.

ملاحظة: يعتمد الترتيب التالي على نتائج Pingdom وبشكل أكثر تحديدًا - حجم الصفحة ووقت التحميل. لاحقًا في المقالة ، نراجع كل سمة ونتائج CWV الخاصة بها.

1. ثلاثة وعشرون -حجم الصفحة:26.3 كيلو بايت؛وقت التحميل:520 مللي ثانية
2. مرحبًا Elementor -حجم الصفحة: 32.7 كيلو بايت؛وقت التحميل:520 مللي ثانية
3. GeneratePress -حجم الصفحة: 37.7 كيلو بايت؛وقت التحميل:538 مللي ثانية
4. نيفي -حجم الصفحة: 42.4 كيلو بايت؛وقت التحميل:552 مللي ثانية
5. سيدني -حجم الصفحة: 48.1 كيلو بايت؛وقت التحميل:560 مللي ثانية
6. أسترا -حجم الصفحة: 48.5 كيلو بايت؛وقت التحميل:619 مللي ثانية
7. كادينس -حجم الصفحة: 54.8 كيلو بايت؛وقت التحميل:628 مللي ثانية

أفضل ثيمات WordPress لتمرير أساسيات الويب الأساسية في عام 2023

الميزات والتسعير ونتائج الأداء - لنبدأ بنظرة عامة مفصلة عن كل متنافس.

1. ثلاثة وعشرون - ثلاثة وعشرون - أفضل براعم مع جوتنبرج

تم تطوير قالب Twenty-Three الافتراضي لاستخدام أحدث أدوات التصميم المقدمة في WordPress 6.1.

يستخدم الموضوع أساسًا بسيطًا ومنظمًا ويوفر عشرة أشكال مختلفة من الأنماط ساهم بها مجتمع WordPress.

يتيح لك موقع Twenty-Three إنشاء موقع على شبكة الإنترنت بسهولة من أي مستوى من التعقيد ، إما عن طريق استخدام الأنماط المصممة مسبقًا أو من خلال اتباع نهج عملي أكثر وتخصيصه حسب رغبتك.

ما يلفت الانتباه في أحدث سمة WordPress الافتراضية هو بساطتها وخفة وزنها. Twenty-Three مرن ومناسب تمامًا لميزات تحرير موقع Gutenberg ، مثل تحرير القوالب وتنوعات الأنماط والطباعة وأنماط الكتلة.

السعر: مجاني

التنصيبات النشطة: 800000+

أفضل الميزات: تصميم بسيط وخفيف الوزن وأنماط مصممة مسبقًا

مناسب لـ: بيئة الاختبار وبناء مجموعة متنوعة من المواقع الإلكترونية

ما أظهرت اختباراتنا

حقق فريق Twenty-Three نتائج رائعة في جميع الاختبارات الثلاثة. والأهم من ذلك ، أن Core Web Vitals الموجودة في المختبر كانت باللون الأخضر ، وهو شرط أساسي لأداء ممتاز في العالم الحقيقي.

في PSI ، سجلت نقاطًا مثالية على الأجهزة المحمولة وسطح المكتب ، محققة 100/100 في كلا الاختبارين. كما أنها حصلت على درجة A في GTmetrix (98٪ درجة أداء ، 100٪ هيكل) مع 1.4 ثانية في وقت التحميل.

أكدت اختبارات Pingdom التي أجريناها على ملصق "الوزن الخفيف" لـ Twenty-Three. بحجم صفحة يبلغ 26.3 كيلوبايت فقط ، كان هذا الموضوع هو الفائز الواضح من كل ما اختبرناه.

2. مرحبًا Elementor - الانتقال إلى التجارة الإلكترونية

يتم استخدام Elementor بواسطة 8.0٪ من جميع مواقع الويب ، وهو أمر لا يثير الدهشة بالنظر إلى مدى سهولة إنشاء صفحة ويب. حسنًا ، قام نفس المطورين المسؤولين عن إنشاء أحد أشهر منشئي الصفحات بإنتاج سمة سريعة وخفيفة الوزن تسمى Hello Elementor.

تم الإعلان عن الموضوع ليكون سريعًا ومرنًا. كما قد تتوقع ، فإنه يتكامل بسلاسة مع Elementor والعديد من المكونات الإضافية الأخرى مثل WooCommerce و Advanced Custom Fields و Yoast وغيرها.

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

السعر: مجاني

التنصيبات النشطة: 1+ مليون

أفضل الميزات: خفيف الوزن ، 100+ تصميم جاهز ، قابل للتخصيص

مناسب لـ: إنشاء موقع على شبكة الإنترنت من البداية

ما أظهرت اختباراتنا

مثل Twenty-Three ، حصلت Hello Elementor على نتائج CWV ممتازة على كل من سطح المكتب والجوال.

وسجل بشكل مثالي في جي تي ميتريكس وبينجدوم. في الواقع ، صنفته اختبارات Pingdom الخاصة بنا في المرتبة الثانية الأخف وزناً ، مع وقت تحميل قدره 520 مللي ثانية ، وهو نفس السمة الافتراضية لـ WordPress.

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

3. GeneratePress - القائمة على الكتلة

GeneratePress هي سمة WordPress مصممة لإعطاء الأولوية للسرعة وسهولة الاستخدام وإمكانية الوصول.

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

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

السعر: مجاني؛ 59 دولارًا / سنويًا ، 249 دولارًا / مدى الحياة

التنصيبات النشطة: 500000+

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

مناسب لـ: جميع أنواع المواقع

ما أظهرت اختباراتنا

الشيء الوحيد الذي لفت انتباهنا عند البحث عن السمات هو عبارة GeneratePress "100٪ Page Scores". لذلك كنا حريصين على اختبار ذلك.

يمكننا أن نقول أن GeneratePress تحدث الحديث وسار على الأقدام. لقد حصلت على درجات أداء مثالية تقريبًا في جميع الاختبارات الثلاثة:

عندما يتعلق الأمر بحجم الصفحة ، فقد فوجئنا بالنتائج. تشغيل موقعنا عبر Pingdom ، جاء حجم الصفحة 37.7 كيلوبايت ، وهو يختلف قليلاً عن "7.5 كيلوبايت" الذي يعدون به على موقع الويب الخاص بهم.

4. نيفي - تنوعا

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

تم تحسينه ليناسب AMP والاستجابة ، مما يضمن أوقات تحميل سريعة وعرض مثالي على أي جهاز. على الرغم من أنه يحتوي على تصميم مبسط ، إلا أنه يمكن توسيع Neve بسهولة ويتميز برمز مُحسّن للغاية لتحسين محركات البحث يمكن أن يؤدي إلى أعلى تصنيفات بحث Google.

يتوافق Neve أيضًا مع Gutenberg ومنشئي الصفحات المشهورين مثل Elementor و Brizy و Beaver Builder و Visual Composer و SiteOrigin و Divi.

السعر: مجاني؛ 69 دولارًا في السنة ؛ 149 دولارًا في السنة ؛ 249 دولار / سنة

التنصيبات النشطة: 300000+

أفضل الميزات: تصميم متجاوب ومُحسَّن لكبار المسئولين الاقتصاديين وبسيط

مناسب لـ: مجموعة واسعة من الأغراض والمواقع

ما أظهرت اختباراتنا

فيما يتعلق بأساسيات الويب الأساسية ونتائج الأداء ، تعد Neve جيدة مثل الخيارات السابقة.

سبب احتلاله المرتبة الرابعة في قائمتنا هو حجم الصفحة ووقت التحميل ، لكن هذا لا ينبغي أن يمنعك من اختباره.

تتمثل إحدى مزايا Neve في أنها تستخدم Vanilla JS بدلاً من إطار عمل مثل JQuery. يساهم هذا في تحسين الأداء ويؤدي إلى موقع ويب أكثر استجابة.

5. سيدني - المستقلين يحبونها

سيدني هو موضوع قوي يسمح للشركات أو المستقلين بتأسيس حضور ملحوظ على الإنترنت بسرعة.

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

بالإضافة إلى ذلك ، توفر سيدني جميع اللبنات الأساسية اللازمة لإنشاء صفحة جذابة على الفور.

السعر: مجاني؛ 69 دولارًا في السنة ، 99 دولارًا في السنة ؛ 199 دولارًا / مدى الحياة

التنصيبات النشطة: 100،000+

أفضل الميزات: الوصول إلى خطوط جوجل ، والتحكم في اللون

مناسب لـ: المواقع التجارية

ما أظهرت اختباراتنا

بعد الانتهاء من تثبيت جديد لسيدني ، اختبرنا أداء السمة.

النتائج:

يحتوي على جميع المكونات اللازمة لبناء موقع ويب يرضي زوار موقعك ومحركات البحث.

من حيث السرعة وأساسيات الويب الأساسية ، تحتل سيدني المرتبة نفسها مثل الموضوعات الأخرى. ومع ذلك ، فإن الحجم الإجمالي للصفحة أكبر بمرتين (48.1 كيلوبايت) من Twenty-Three.

6. Astra - معروف للجميع ، ومحبوب من قبل الجميع

Astra هو موضوع WordPress الأكثر شيوعًا. إنه سريع وقابل للتخصيص بالكامل وجذاب بصريًا ، مما يجعله خيارًا مناسبًا لأغراض مختلفة ، مثل التدوين والمحافظ الشخصية ومواقع الأعمال التجارية وواجهات متاجر WooCommerce.

تم تصميم Astra أيضًا ليكون خفيف الوزن ، بحجم واجهة أقل من 50 كيلو بايت ، مما يساهم في سرعته التي لا مثيل لها. تم تصميم السمة مع وضع مُحسّنات محرّكات البحث في الاعتبار ، ودمج كود Schema.org ودعم AMP الأصلي لتعزيز رؤية محرك البحث في موقعك.

علاوة على ذلك ، تقدم Astra ميزات وقوالب فريدة متوافقة مع منشئي الصفحات المشهورين مثل Elementor و Beaver Builder و Visual Composer و SiteOrigin و Divi ، مما يضمن التكامل السلس مع منشئ الصفحة المفضل لديك.

السعر: مجاني؛ 47 دولارًا سنويًا ، 137 دولارًا في السنة ؛ 187 دولارًا في السنة ؛ خيارات مدى الحياة المتاحة

التنصيبات النشطة: 1+ مليون

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

مناسب لـ: كل موقع

ما أظهرت اختباراتنا

على عكس توقعاتنا ، لم يكن أداء Astra جيدًا كما كنا نعتقد. نعم ، كانت نتائج PSI للأجهزة المحمولة ممتازة ، لكنها أظهرت نتائج دون المستوى على سطح المكتب.

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

7. Kadence - مفضل منخفض المستوى

Kadence عبارة عن سمة WordPress خفيفة الوزن ومليئة بالميزات ، مما يتيح لك إنشاء مواقع ويب جميلة وسريعة التحميل ويمكن الوصول إليها بسهولة.

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

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

السعر: مجاني؛ 129 دولارًا / السنة الأولى ، 199 دولارًا / السنة الأولى

التنصيبات النشطة: 200000+

أفضل الميزات: السحب والإفلات البديهية ، قوالب بدء التشغيل ، التفكير في الأداء

مناسب لـ: جميع أنواع المواقع

ما أظهرت اختباراتنا

حجم الصفحة الافتراضي لـ Kadence هو 54.8 كيلوبايت. في حين أنها الأكبر في المجموعة ، إلا أنها تمكنت من التفوق في كل من اختبارات PSI وتسجيل A على GTmetrix.

بالنظر إلى مقدار حزم هذا الموضوع ، يمكن تحسين ذلك بشكل كبير مع بعض التحسين ومكوِّن إضافي جيد لتحسين سرعة الموقع.

ما الموضوع الذي يجب أن أقوم بتثبيته؟

كل منهم.

نعم ، لقد قرأت ذلك بشكل صحيح.

قمنا بتقليص قائمتنا إلى 7 سمات فقط لأننا أردنا أن نوفر لك مجموعة صغيرة من الخيارات التي يمكنك اختبارها بنفسك.

من الأسرع والأسهل بكثير استعراض سبعة سمات بنفسك بدلاً من إغراقك بقائمة ضخمة تضم أكثر من 50 سمة.

نعتقد أن الأشخاص الذين تم تضمينهم في هذه المقالة يقدمون أفضل أساس للبناء عليه والحصول على موقع ويب جيد الأداء.

ونؤكد على الأساس.

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

لذلك نوصي بتجربتها جميعًا ، واللعب بميزات التخصيص الخاصة بها ، وإضافة بعض المحتوى ، وتثبيت اثنين من المكونات الإضافية.

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

كيفية تحسين أساسيات الويب الأساسية لديك [قائمة مرجعية]

سيمنحك البناء على سمة محسّنة للسرعة بداية قوية في رحلة Core Web Vitals.

ومع ذلك ، في كثير من الحالات ، لا يكفي الاعتماد فقط على موضوع سريع لتجاوز درجاتك.

لهذا السبب قمنا بإعداد قائمة تحقق سريعة بالممارسات الجيدة التي يمكنك اتباعها لتحسين كل مقياس من مقاييس CWV:

1. أكبر طلاء محتوى (LCP)

• استخدم سمة خفيفة الوزن
• لا تنفخ موقعك بمكونات إضافية غير ضرورية
• اضغط على صورك
• خدمة الصور بتنسيقات الجيل التالي
• قم بتحميل صور بطلك مسبقًا
• تصغير وضغط ملفات التعليمات البرمجية الخاصة بك
• تنفيذ CSS الحرجة
• استخدم CDN
• قم بتثبيت مكون إضافي للتخزين المؤقت

2. تأخر الإدخال الأول (FID)

• تأخير أو إزالة البرامج النصية غير الهامة لجهات خارجية
• تصغير وضغط ملفات التعليمات البرمجية الخاصة بك
• تقليل CSS غير المستخدمة
• تأجيل JavaScript غير المستخدمة

3. التحول في التخطيط التراكمي (CLS)

• أضف سمات العرض والارتفاع إلى الصور ومقاطع الفيديو
• وفر مساحة للإعلانات والتضمينات وإطارات iFrames
• تحسين توصيل الخط

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

كل ما عليك فعله هو تحسين شيء واحد في كل مرة.

أو…

قم بتمرير أساسيات الويب الأساسية الخاصة بك على الطيار الآلي باستخدام NitroPack →