شارك المقال

كيفية تثبيت وتحسين موضوع Total وورد بريس

A VPN is an essential component of IT security, whether you’re just starting a business or are already up and running. Most business interactions and transactions happen online and VPN

هناك الكثير من المفاهيم الخاطئة حول مواضيع وورد بريس الكبيرة متعددة الأغراض مثل Avada وموضوع X والتي قد تجلب موقعك إلى الزحف. صحيح أن معظم السمات متعددة الأغراض تحتوي على بعض السخافات المصاحبة لها (خاصة عند إقرانها بـ WooCommerce) ، ولكن عند تحسينها بشكل صحيح ، يمكن تحميلها بسرعة. لذلك سنلقي اليوم نظرة متعمقة على موضوع Total وورد بريس متعدد الأغراض ونرى مدى السرعة التي يمكننا تحميلها على خوادم Kinsta. هذه ليست مراجعة قالب وورد بريس النموذجية التي توضح الميزات ببساطة ، سنضع سمة Total وورد بريس من خلال المسابقة!

إجمالي وورد الموضوع

أولاً ، تم إنشاء سمة Total وورد بريس بواسطة الفريق في WPExplorer ، الذي يدير أيضًا مدونة وورد بريس الشهيرة والتي ربما قرأها الكثير منكم في وقت ما. إنه متاح حاليًا على ThemeForest مقابل 59.00 دولارًا ، و 12 شهرًا من الدعم مقابل 17.63 دولارًا إضافيًا. إنه موضوع حديث متعدد الأغراض يمكن استخدامه بسهولة لأي نوع من مواقع وورد بريس ، من المتاجر عبر الإنترنت ( تدعم WooCommerce ) ، إلى المدونات والمنتديات (تدعم bbPress ) ، وحتى المواقع الإخبارية. عندما يتعلق الأمر بموضوعات كبيرة متعددة الأغراض مثل هذه ، فكل شيء ممكن حقًا. إذا كنت تستطيع تخيلها ، يمكنك بناؤها. تحقق من بعض الأمثلة الواقعية للمواقع التي تستخدم سمة Total .تأتي المواقع الإجمالية بجميع الأشكال والأحجام ، لذلك إذا كنت تتساءل عما إذا كان الموقع يستخدم القالب الإجمالي ، تحقق من أداة الكشف عن سمات وورد بريس الخاصة بنا  .

مجموع موضوع وورد

سمات

نظرًا لكونه موضوعًا متعدد الأغراض ، فإنه يحتوي على الكثير من الميزات! لن نتطرق إلى كل منهم ، ولكن إليك بعض الميزات المهمة التي يجب أن تكون على دراية بها:

متوافق مع WPML – يجعل الترجمة أسهل بكثير

قم بسحب وإفلات منشئ الصفحة ( المؤلف المرئي ) مع أكثر من 90 عنصرًا أساسيًا

يتضمن ثورة ، منزلقات طبقة ، وأنواع منشورات مخصصة

متوافق مع موضوع الطفل ودعم RTL

مُحسّن لتحسين محركات البحث ، ومتوافق مع المستعرضات ، ومستجيب تمامًا للفهرسة الأولى للجوّال

أكثر من 40 عرضًا تم تصميمه مسبقًا مع بيانات XML التجريبية لتنشيطك والبدء بسرعة

أداة تخصيص السمات مع أكثر من 300 خيار موضوع ، من السهل تغيير كل شيء مثل Google Fonts

متوافق مع جميع ملحقات وورد بريس الشائعة مثل Yoast SEO

تحديثات مجانية للموضوع ودعم مباشر من المطورين

مجموع وورد موضوع التجريبي

تثبيت ووردبريس جديد

لقد بدأنا بتثبيت وورد بريس جديد على Kinsta (موقع وسط الولايات المتحدة على Google Cloud) مع تثبيت قالب Twenty Sixteen الافتراضي. تم إعداد SSL وتم تمكين HTTPS. أردنا إجراء بعض الاختبارات أولاً من قبل حتى نعرف بالضبط مقدار وقت التحميل الذي يضيفه المظهر الإجمالي. أجرينا 5 اختبارات سرعة على Pingdom وأخذنا المتوسط. كما ترون أدناه ، ساعات التثبيت الحديثة الخاصة بنا في 383 مللي ثانية.

اختبار سرعة تثبيت وورد جديدة

تأكد من مراجعة البرنامج التعليمي المتعمق الخاص بنا حول كيفية عمل Pingdom وفهم تحليل الشلال.

قم بتثبيت موضوع Total وورد بريس

أول شيء سنفعله هو تثبيت سمة Total وورد بريس واستيراد البيانات الوهمية. يمكنك اتباع وثائق التثبيت الخاصة بهم أو اتباع الخطوات أدناه.

الخطوة 1

يمكنك شراء موضوع Total وورد بريس في ThemeForest. في هذا البرنامج التعليمي ، سنستخدم البيانات الوهمية لتنزيلنا والعمل بشكل أسرع ، لذا نختار “جميع الملفات والوثائق” لتنزيلها.

تحميل مجموع وورد الموضوع

الخطوة 2

بعد ذلك ، في لوحة معلومات وورد بريس الخاصة بك ، انقر فوق “السمات” ضمن المظهر. انقر فوق “إضافة جديد” ثم “تحميل موضوع”. سترغب في تحديد ملف “Total.zip” داخل مجلد النسق.

\ themeforest-6339019-total-response-multurpose-وورد بريس-theme \ Total-3.6.0 \ Installable-Theme \ Total.zip

اعتمادًا على سرعة مضيف وورد بريس الخاص بك ، قد يستغرق التثبيت بضع ثوانٍ.

تثبيت مجموع وورد الموضوع

الخطوه 3

ثم انقر فوق “تنشيط”.

تفعيل مجموع موضوع وورد

الخطوة 4

يتطلب موضوع Total بعض المكونات الإضافية التي تريد تثبيتها للوصول إلى جميع الميزات المضمنة. حدد المكونات الإضافية الموصى بها وانقر على “تثبيت”.

تثبيت الإضافات

الخطوة الخامسة

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

تثبيت إجمالي البيانات التجريبية للموضوع

الخطوة 6

سيطالبك بعد ذلك بتثبيت “WooCommerce”. إذا كنت لا تستخدم هذا ، فإننا نوصي بتركه معطلاً لأن WooCommerce يمكن أن يضيف حملًا غير ضروري. ومع ذلك ، في هذا البرنامج التعليمي ، سنقوم بتمكينه حتى نتمكن من تحسينه لاحقًا. ما عليك سوى النقر فوقه وسيتم التثبيت ، ثم انقر فوق “التالي”.

إجمالي الموضوع التجريبي

الخطوة 7

إذا كنت تستخدم تثبيتًا جديدًا ، فحدد كل المحتوى وانقر على “تأكيد الاستيراد”. اعتمادًا على مدى سرعة مضيف وورد بريس الخاص بك ، قد يستغرق الأمر بضع دقائق لاستيراد كل المحتوى. على خوادم Kinsta ، استغرق الأمر حوالي 20 ثانية فقط.

إجمالي موضوع استيراد البيانات

وهذا كل شيء! يتم الآن استيراد بياناتك التجريبية ويجب أن يبدو موقع وورد بريس الخاص بك الآن مثل العرض التوضيحي Base Lite كما هو موضح أدناه.

إجمالي قاعدة ووردبرس] موضوع لايت

اختياري – إعداد WooCommerce

إذا كنت تستخدم WooCommerce ، فسيُطلب منك إنهاء معالج الإعداد. تحقق من البرنامج التعليمي المتعمق الخاص بنا حول كيفية إعداد WooCommerce . قمنا بإعداد WooCommerce للأمثلة أدناه.

معالج إعداد woocommerce

تحسين مجموع وورد بريس الموضوع

الآن الجزء الممتع! سنقوم بإرشادك حول كيفية تحسين موضوع Total وورد بريس قليلاً. أولاً ، نحتاج إلى الحصول على السرعة الأساسية للبدء بها. لذلك أجرينا 5 اختبارات سرعة على Pingdom وأخذنا المتوسط. كما ترون أدناه سرعة خط الأساس لدينا مع الساعات المثبتة بالبيانات التجريبية في 1.06 ثانية ، مع 54 طلب HTTP ، وحجم صفحة إجمالي يبلغ 1.4 ميجا بايت.

إجمالي السرعة الأساسية للموضوع

الخطوة 1 – مزامنة Google Analytics محليًا (اختياري)

يستخدم كل شخص تقريبًا Google Analytics ، لذلك من العدل أن نضع ذلك في اختبارنا حيث أن 99٪ من الأشخاص الذين يستخدمون موضوع Total قد يكون لديهم ذلك قيد التشغيل. لذلك نحن أيضا. الحر الكامل تحليلات الأمثل جناح المساعد يسمح لك لمزامنة السيناريو الخاص بك جوجل التحليلية محليا ويمكن في أشياء سرعة بدوره ارتفاعا طفيفا.

البرنامج المساعد الكامل لمجموعة التحليلات التحليلية

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

تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟

انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!

إشترك الآن

تم تثبيت برنامج Google Analytics العادي

أولاً ، أجرينا 5 اختبارات على Pingdom مع تثبيت Google Analytics بالطريقة العادية. كما ترى ، فإن مجرد إضافة Google Analytics يضيف حوالي 0.25 ثانية إلى إجمالي وقت التحميل و 4 طلبات HTTP إضافية. قام الفريق في WPExplorer بعمل رائع في موضوع Total متعدد الأغراض لأن هذه أوقات تحميل سريعة جدًا لتبدأ بها. وبالطبع ، تم تحسين خوادم Kinsta بشكل كبير للأداء. يستخدم Kinsta التخزين المؤقت على مستوى الخادم لذلك لا توجد حاجة إلى مكون إضافي للتخزين المؤقت .

النص العادي لتحليلات جوجل

Google Analytics متزامن محليًا

بعد ذلك ، مع المكون الإضافي CAOS المذكور أعلاه ، قمنا بتكوينه لمزامنة Google Analytics محليًا. ثم أجرينا 5 اختبارات أخرى على Pingdom . يؤدي هذا إلى خفض إجمالي طلبات HTTP بمقدار 2 وتقليل وقت التحميل إلى 1.26 ثانية. إنه ليس كثيرًا ، ولكنه أسرع قليلاً من إعداد Google Analytics العادي.

سرعة تحليلات جوجل المحلية

الخطوة 2 – تعطيل التضمينات

إذا كنت لا تستخدم التضمينات التلقائية ، فإن أول شيء تفعله هو تعطيل التضمينات. يؤدي هذا إلى إنشاء طلب HTTP إضافي على موقع وورد بريس الخاص بك (كما هو موضح أدناه) لتحميل ملف wp-embed.min.js. ويتم تحميل هذا في كل صفحة.

تضمين النص وورد

بينما يبلغ حجم هذا الملف 1.2 كيلوبايت فقط ، فإن مثل هذه الأشياء تضاف بمرور الوقت. يكون الطلب بحد ذاته أحيانًا أكبر من حجم تنزيل المحتوى. أسهل طريقة للقيام بذلك هي ببساطة تثبيت مكون إضافي مجاني يسمى Disable Embeds .

تعطيل التضمينات

إذا كنت مهتمًا بطرق بديلة للقيام بذلك ، فراجع منشورنا المتعمق حول كيفية تعطيل التضمينات . ثم أجرينا 5 اختبارات أخرى على Pingdom . يؤدي هذا إلى خفض إجمالي طلبات HTTP بمقدار 1 ووقت التحميل إلى 1.25 ثانية. مرة أخرى ، تذكر أن كل هذه الأشياء تتراكم بحلول الوقت الذي ننتهي فيه.

تعطيل اختبار سرعة التضمين

الخطوة 3 – إزالة سلاسل الاستعلام من URLS

هناك مشكلة شائعة أخرى وهي التعامل مع سلاسل الاستعلام. عادةً ما تحتوي ملفات CSS و JavaScript على إصدار الملف في نهاية عناوين URL الخاصة بها ، مثل https://domain.com/file.min.css؟ver=4.5.3. بعض الخوادم والخوادم الوكيلة غير قادرة على تخزين سلاسل الاستعلام مؤقتًا. لذلك عن طريق إزالتها يمكنك في بعض الأحيان تحسين التخزين المؤقت الخاص بك. هناك مكونات إضافية مجانية مثل  Query Strings Remover والتي يمكنها القيام بذلك تلقائيًا في وورد بريس.

الاستعلام المزيل البرنامج المساعد

هل تعاني من مشاكل التوقف و وورد بريس؟ Kinsta هو حل الاستضافة المصمم لتوفير الوقت! تحقق من ميزاتنا

ثم أجرينا 5 اختبارات أخرى على Pingdom . كما ترى ، لم تحسن سرعتنا على الإطلاق ، لكنها حسنت درجة أدائنا. رفعته من 93 إلى 99.

مزيل سرعة سلاسل الاستعلام

راجع البرنامج التعليمي المتعمق الخاص بنا حول كيفية إزالة سلاسل الاستعلام من عناوين URL .

الخطوة 4 – تحسين الصورة

الخطوة التالية هي تشغيل تحسين الصورة على مكتبة وسائط وورد بريس الخاصة بنا. يعد هذا إلى حد بعيد أحد أهم التحسينات التي يمكنك إجراؤها حيث تشكل الصور في المتوسط ​​أكثر من 60٪ من وزن الصفحة. خاصة إذا كنت تستخدم صورًا كبيرة في شريط التمرير الخاص بك في موضوع Total. في هذا المثال ، نستخدم المكون الإضافي Imagify Image Optimizer من الفريق في WP Rocket.

تخيل محسن الصورة

في المكون الإضافي ، ننتقل إلى “التحسين الجماعي” ضمن مكتبة الوسائط. نترك مستوى الضغط الافتراضي للمجموعة العدوانية ونضغط على “Imagif’em all”. تمكنا من توفير 7.63 ميجا بايت من أصل 11.89 ميجا بايت! كل ذلك بنقرة واحدة.

تحسين مكتبة وسائط ووردبريس

ثم أجرينا 5 اختبارات أخرى على Pingdom . أدى هذا إلى تقليل وقت التحميل مرة أخرى وتقليل حجم الصفحة الإجمالي بنسبة هائلة تصل إلى 30٪. الصور الافتراضية المضمنة في البيانات الوهمية صغيرة إلى حد ما لتبدأ بها ، لذلك سترى بسهولة مكاسب أداء أسرع بكثير عند تشغيل هذا على موقع مباشر غير مُحسَّن.

اختبار سرعة تحسين الصورة

الخطوة 5 – تمكين CDN

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

اختبار سرعة cdn

الخطوة 6 – تعطيل البرامج النصية غير الضرورية على الصفحة الرئيسية

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

//wpdev.ink/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js
//wpdev.ink/wp-content/plugins/woocommerce/assets/css/woocommerce.css
//wpdev.ink/wp-content/themes/Total/assets/css/wpex-woocommerce-responsive.css
//wpdev.ink/wp-content/themes/Total/assets/lib/ilightbox/minimal/ilightbox-minimal-skin.css

تعطيل البرامج النصية

ثم أجرينا 5 اختبارات أخرى على Pingdom . أدى هذا إلى خفض وقت التحميل إلى 1.18 ثانية وخفض إجمالي عدد طلبات HTTP بمقدار 5.

تعطيل سرعة البرامج النصية غير الضرورية

الخطوة 7 – تحسين سرعة ثورة المنزلق

نحن لسنا من أشد المعجبين بالمنزلقات ، لكن لا يزال يتم استخدامها قليلاً. لحسن الحظ ، هناك بعض الأشياء التي يمكنك القيام بها في إعدادات Slider Revolution لتسريعها. نوصي بتشغيل كل من خياري “إدراج JavaScript في التذييل” و “تأجيل تحميل JavaScript”.

تحسين سرعة ثورة المنزلق

ثم أجرينا 5 اختبارات أخرى على Pingdom . أدى هذا إلى انخفاض وقت التحميل إلى 1.15 ثانية.

تحسين سرعة شريط التمرير الثورة

إحدى المشكلات التي وجدناها مع Slider Revolution هي أنه بشكل افتراضي لن يتم تحميل جميع أصوله الخاصة بشبكة CDN. وجدنا أن النصوص الثلاثة التالية لا تزال قيد التحميل من خادمنا الأصلي:

https://wpdev.ink/wp-content/plugins/revslider/public/assets/js/extensions/revolution.extension.slideanims.min.js
https://wpdev.ink/wp-content/plugins/revslider/public/assets/js/extensions/revolution.extension.layeranimation.min.js
https://wpdev.ink/wp-content/plugins/revslider/public/assets/js/extensions/revolution.extension.navigation.min.js

هذا شيء ربما يجب معالجته مع مطور المكون الإضافي.

تذكر HTTP / 2

من المهم أيضًا أن تتذكر أنه مع HTTP / 2 ، لم تعد هناك حاجة إلى تسلسل (دمج) البرامج النصية الخاصة بك. في بعض الحالات ، يمكن أن يبطئ موقعك الآن. لاختبار ذلك ، قمنا بتثبيت المكون الإضافي Autoptimize المجاني ، وتمكين تحسين HTML / CSS / JS ، بالإضافة إلى خيار CDN. ثم أجرينا 5 اختبارات أخرى على Pingdom . في النهاية ، لم يساعد الموقع على الإطلاق ، وكان في الواقع أبطأ. باستخدام HTTP / 2 والتوازي ، يقوم بعمل رائع في تحميل ملفات صغيرة متعددة بسرعة. ومع ذلك ، إذا لم تكن تعمل عبر HTTPS حتى الآن ، وهو ما يتطلبه HTTP / 2 ، فيمكن أن يساعدك المكون الإضافي Autoptimize كثيرًا!

البرامج النصية المتسلسلة http2

ملخص

بشكل عام ، لقد تأثرنا كثيرًا بموضوع Total وورد بريس من الفريق في WPExplorer. بفضل خوادم Kinsta السريعة ، تم تسجيل تثبيت جديد لها مع Google Analytics بسرعة 1.26 ثانية. وبمجرد التحسين قليلاً ، يكون وقت التحميل 1.15 ثانية سريعًا جدًا بالنسبة إلى موقع تم تثبيت WooCommerce فيه! إذا كانت مراجعة موضوع Total وورد بريس مفيدة ، فأخبرنا أدناه في التعليقات. يمكننا إجراء غوص عميق آخر في موضوع Avada أو Theme X إذا كنت تريد ذلك.

وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:

مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.

تكامل Cloudflare Enterprise.

يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.

التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.

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

توضيح

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

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

أرسل تصحيح

شاركنا رايك وتقييمك للموضوع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}