هذا منشور ضيف بواسطة Simon Tomkins من CommerceGurus – إذا أعجبك المقال ، فتأكد من شكره في التعليقات!
تعد سرعة متجر WooCommerce مهمة للغاية عندما يتعلق الأمر بتحويل الزوار إلى عملاء. أظهرت الأبحاث أنه حتى التأخير لمدة ثانية واحدة يمكن أن يؤدي إلى 7٪ من الطلبات المفقودة.
إذا كان موقع WooCommerce الخاص بك يربح 1000 دولار في اليوم ، فمن المحتمل أن يكلفك التأخير لمدة ثانية واحدة في وقت التحميل 25000 دولار في المبيعات السنوية المفقودة – وليس تغييرًا بسيطًا! إذا كنت مالك أمازون المحظوظ ، فإن التأخير لمدة ثانية واحدة في عام 2017 قد يعني خسارة 178 مليار دولار * 0،07 = 12.5 مليار دولار خسارة في صافي الإيرادات …
مرة أخرى ، يكلفك موقع WooCommerce البطيء المال .
لقد قضيت وقتًا طويلاً في البحث عن سرعة موقع الويب وتحسين الأداء قبل إنشاء موضوع Shoptimizer WooCommerce . بعض الإحصائيات مذهلة:
ترك 73٪ من مستخدمي الجوال موقعًا بسبب استغراقه وقتًا طويلاً
يتوقع 47٪ من الأشخاص تحميل الموقع في ثانيتين أو أقل
79٪ من الأشخاص الذين يواجهون مشكلة في الأداء لن يعودوا مرة أخرى للشراء
لذا ، فإن موقع WooCommerce البطيء يعني زوار غير سعداء وخسارة عائدات محتملة للمنافسين.
واليوم سنرى بإيجاز ما يمكنك القيام به لتسريع موقع WooCommerce الخاص بك – فهذه حيل مُثبتة لتحسين الأداء يمكن أن يكون لها تأثير فوري على معدل تحويل مبيعاتك 🙂
لا أخوض في موضوع الاستضافة بتفاصيل كبيرة حيث يجب أن يكون واضحًا أن مضيف WooCommerce المحسَّن بشكل صحيح يُحدث فرقًا كبيرًا في سرعات التحميل.
كقاعدة أساسية ، يجب عليك الابتعاد عن أي استضافة مشتركة يمكن أن تكافح مع متطلبات WooCommerce.
LiquidWeb و Kinsta و WPEngine هم لاعبون رئيسيون في ساحة التجارة الإلكترونية وجميعهم خيارات جيدة للاستضافة المدارة . البديل الشائع هو SiteGround ( يستخدم Business Bloomer للتشغيل على SG ). أوصي بحلول الاستضافة السحابية أو المخصصة . سيقومون أيضًا بترحيل موقعك الحالي إلى نظامهم الأساسي مجانًا مع خطط معينة ، وهو ما يوفر الكثير من الوقت.
Webpagetest – حدد خيار “Capture Lighthouse Report” ضمن علامة تبويب Chrome
Webpagetest – حدد خيار “Capture Lighthouse Report” ضمن علامة تبويب Chrome
إنها خطوة أولى مهمة لتقييم سرعة تحميل متجرك الحالي أولاً. كثير من الناس يستخدمون Google Page Speed لهذا الغرض ولكني أفضل WebPageTest .
هناك حيلة صغيرة لهذا. انتقل إلى Advanced> علامة التبويب Chrome وتأكد من تحديد Capture Lighthouse Report أيضًا. Lighthouse هي أداة جديدة من Google مصممة لتحسين جودة صفحات الويب. سوف يلخص السرعة وإمكانية الوصول والأداء التدريجي لتطبيقات الويب من بين مجالات أخرى ويقدم تقريرًا ممتازًا بخطوات حقيقية قابلة للتنفيذ.
سيبدو التقرير المقدم مثل لقطة الشاشة أدناه. قمت بتشغيله باستخدام الصفحة الرئيسية لموضوع Shoptimizer WooCommerce كمثال.
يعمل العرض التوضيحي لموضوع Shoptimizer بشكل جيد للغاية على الرغم من وجود الكثير من عناصر المحتوى عليه. يتم تحميله في 2.041 ثانية بوقت أول بايت يبلغ 0.27 ثانية فقط.
ل أول بايت الوقت هو طول الوقت الذي يستغرقه من وقت يجعل العميل طلب إليها تلقي أول بايت للبيانات من خادم الويب.
في البداية تجعل يعكس الوقت والسرعة التي يظهر العنصر الأول في الصفحة. يمكن أن يكون هذا لون خلفية أو قالب نص أو أي شيء آخر. يوفر التحميل السريع في هذه المرحلة إشارة قوية للمستخدم إلى أن الصفحة يتم عرضها وأن باقي المحتوى سيظهر قريبًا.
يؤثر عدد مواد العرض التي يتم تحميلها على الصفحة بشكل كبير في نقاط أدائك. كلما تم تحميل المزيد من الملفات ، زادت رحلات العودة التي يحتاجها الخادم ، مما يؤدي إلى إبطاء سرعة التحميل.
أحد الحلول الممتازة لهذه المشكلة هو المكون الإضافي Autoptimize ، المتاح مجانًا في مستودع وورد بريس. ستجده من خلال البحث عن تحسين تلقائي داخل المكونات الإضافية> إضافة جديد . هذا مثالي لتبسيط عملية تحسين موقع WooCommerce الخاص بك.
يجب أن يكون المكون الإضافي Autoptimize هو أول منفذ للاتصال
المهمة الرئيسية التي يؤديها هي التجميع – أو دمج ملفات متعددة في ملف واحد بحيث يحتوي متصفح الزائر على عدد أقل من الملفات لتنزيلها. ثم يقوم بتصغير هذا الملف المدمج ، وإزالة أي مساحة بيضاء ومحتوى غير ضروري مثل التعليقات ، مما يجعله أصغر وأسرع في التنزيل.
أخيرًا ، يخزن HTML و CSS و JavaScript مؤقتًا لإنشاء إصدارات محسّنة لما كان موجودًا من قبل. إنه موقع ويب على نظام غذائي.
يجب عليك تحسين صور WooCommerce الخاصة بك قبل تحميلها على موقع وورد بريس الخاص بك وأيضًا بمجرد تحميلها واستخدامها في منشور مدونة أو منتج WooCommerce أو صفحة وورد بريس. فيما يلي ثلاث خطوات مطلوبة لزيادة سرعة تحميل الصورة بشكل كبير.
سيقوم TinyPNG بتحسين الصور دفعة واحدة ، مما يقلل حجمها بشكل ملحوظ
سيقوم TinyPNG بتحسين الصور دفعة واحدة ، مما يقلل حجمها بشكل ملحوظ
ستعمل أداة تحسين الصور عبر الإنترنت على إجراء تخفيضات كبيرة في حجم الصور. هناك العشرات بما في ذلك Optimizilla و I Love IMG و Compressor لكنني من محبي TinyPNG .
يجب أن تحصل على تخفيض كبير على الفور باستخدام أداة مثل هذه ، لذا فإن الأمر يتعلق بالتعود على استخدامها قبل إضافة أي صور جديدة إلى متجرك.
الأحجام المعقولة التي تم تنفيذها بواسطة البرنامج المساعد Imsanity
الأحجام المعقولة التي تم تنفيذها بواسطة البرنامج المساعد Imsanity
لقد رأيت العديد من الأشخاص يقومون بتنزيل وتحميل الصور من موقع مثل Unsplash الممتاز دون التفكير في الحجم أو الوزن.
التوصية التالية التي لدي هي استخدام البرنامج المساعد Imsanity لضمان تحديد الحد الأقصى المعقول. ليست هناك حاجة لصورة بعرض 3000 بكسل على أي موقع ويضمن هذا المكون الإضافي أن يتم تقليل الصورة تلقائيًا إلى حجمها الذي تم تكوينه. يمكنك تثبيته عبر الإضافات> إضافة جديد والبحث عن Imsanity . ضمن قسم الإعدادات الخاص به ، يمكنك تكوين الحد الأقصى للأحجام. سيكون الحد الأقصى لعرض الصورة 1200 بكسل مناسبًا للغالبية العظمى من المواقع.
ستُحدث خيارات CDN و Lazy Loading من Jetpack فرقًا كبيرًا في سرعة موقعك
ستُحدث خيارات CDN و Lazy Loading من Jetpack فرقًا كبيرًا في سرعة موقعك
هناك الكثير من الخرافات حول Jetpack ، لكني أجد أنك إذا كنت حريصًا على الوحدات النمطية التي تقوم بتنشيطها ولا تقوم فقط بتشغيل كل ميزة يمكن أن تعمل بشكل جيد للغاية.
إذا لم تكن قد قمت بتثبيته بالفعل ، يمكنك إضافته عبر الإضافات> إضافة جديد والبحث عن Jetpack . ستحتاج إلى التسجيل للحصول على حساب وورد بريس.com إذا لم يكن لديك حساب بالفعل. بمجرد وصولك إلى شاشة تكوين Jetpack ، تأكد من تحديد الخطة المجانية.
ضمن شاشة الإعدادات الخاصة به ، يمكنك تشغيل أفضل ميزتين. “عرض الصور من شبكة CDN العالمية ” و ” تمكين التحميل البطيء للصور “.
سيضمن استخدام CDN تقديم الصور من خادم Jetpack بدلاً من خادمك. ينظر إلى أبعاد الصورة ويعيد نسخة من الصورة بحجمها بدقة لتناسب – والتي ستكون أصغر بكثير في الحجم.
نصيحة: إذا كنت تستبدل صورة ما ، فستحتاج إلى استخدام اسم ملف جديد لأنه بمجرد تخزين Jetpack’s CDN للصورة مؤقتًا ، لا توجد طريقة لمسحها وجلب الإصدار الجديد.
يعد التحميل البطيء ذا أهمية أساسية عندما يتعلق الأمر بسرعة موقع الويب لأنه مع تمكينه ، لن يتم تحميل الصور إلا عند ظهورها في إطار عرض المتصفح. لن يتم تحميل الصور التي لا تظهر أبدًا. ينتج عن هذا توفير كبير في النطاق الترددي وتقليل وقت التحميل.
ثيم Shoptimizer WooCommerce من CommerceGurus
يعد اختيار موضوع محسّن للسرعة هو المكون الأخير الأساسي لمتجر WooCommerce السريع. نادرًا ما تكون السمات المسماة “متعددة الأغراض” مناسبة للغرض وغالبًا ما ينتهي بها الأمر في تحميل العشرات من ملفات JavaScript والمكونات الإضافية غير الضرورية والخطوط و CSS والتي ستدمر سرعات التحميل.
تستخدم العديد من السمات ” الجاهزة لـ WooCommerce ” أيضًا تجاوزات قوالب WooCommerce الخاصة بها (ما عليك سوى إلقاء نظرة على ملفات السمات الحالية – هل يوجد مجلد / woocommerce به العديد من ملفات القوالب؟ ) ، والتي يمكن أن يكون لها ميل مؤسف لكسر موقع الويب الخاص بك عندما يتم تحديث البرنامج المساعد WooCommerce.
لذا ، ما هو الموضوع الذي يجب أن تختاره؟
وكان معيار الذهب دائما موضوع رسمي من WooCommerce، واجهة المخزن . أنا أيضا أحب GeneratePress و Astra .
من ناحيتي ، هنا في Commercegurus ، أردت إنشاء سمة تتمتع بجودة رمز Storefront ولكنها أكثر إرضاءً من الناحية الجمالية ومُحسّنة للسرعة وتحويلات المبيعات.
تمكنا من الوصول بسرعة التحميل إلى مستوى جيد جدًا (كما هو موضح في لقطة شاشة صفحة الويب أعلاه). أردت أيضًا إضافة عدد كبير من ميزات التحويل الإضافية – الهدف هو موضوع سريع يحول المزيد من الزوار إلى مشترين. والنتيجة هي Shoptimizer – التفاصيل والوصول إلى الموقع التجريبي هنا .
يتميز Shoptimizer بخيارات سمة إضافية تركز على السرعة – تشمل تصغير ورقة الأنماط الرئيسية و css الحرجة.
يضمن متجر WooCommerce سريع التحميل حصولك على تحويلات أفضل وتحسين محركات البحث. سيكون لديك عدد أقل من عربات التسوق المهجورة والعملاء الأكثر تفاعلاً. يعد البقاء على اطلاع دائم بأمور السرعة أمرًا بالغ الأهمية لأي صاحب متجر.
بالنسبة لبعض لقطات الشاشة ، نستخدم Shoptimizer – سمة WooCommerce مُحسّنة للسرعة مباشرة خارج الصندوق. يسعدني إلقاء نظرة عليها وإخباري برأيك في التعليقات 🙂
أخيرًا ، إليك مقطع فيديو مفصل حول كيفية إنشاء موقع ويب WooCommerce سريع فعلاً ، خطوة بخطوة. يتمتع!
WooCommerce: كيفية التحديث بأمان عبر التدريج
WooCommerce: WooCart Managed Hosting
WooCommerce: ما هو أفضل مزود استضافة؟
WooCommerce: كم عدد المنتجات التي يمكنها التعامل معها؟
WooCommerce: لماذا وكيف تعطل أجزاء عربة Ajax
WooCommerce: 6 نصائح لتحسين تجربة المستخدم
خدمة لغوية وبحثية ومكتبية
خدمة جامعية في ماليزيا
متجر الكتروني للمنتجات والانظمة البرمجية المدفوعة، المجانية والتي يتم الحصول عليها بطريقة رسمية وآمنة وسريعة، تساعد موثوق في بناء بيئات تشغيل متكاملة تساعد اصحاب الاعمال والفريلانسر والشركات الكبيرة على اداء عملها بشكل متميز
تم وبكل فخر وحب 
تصميم وتطوير الموقع باستخدام تقنية الوردبريس 
واستضافة نيم تشيب العالمية 
تم تطوير الصفحات بواسطة تقنية الاليمنتور 
00970599163031
00970599163031
تم تصميم وتطوير موقع موثوق من قبل المصمم والمبرمج عبدالرحمن قدورة لصالح شركة موثوق للمعلومات الرقمية وخدمات الاونلاين، جميع الحقوق محفوظة لموثوق لعام 2020 – 2021
تقدم موثوق خدمة تصمم وتطوير المتاجر الالكترونية والمواقع بمختلف اشكالها على منصة الوردبريس، نصمم ونطور المواقع بأدوات قوية حسب احتياجات العميل، سرعة، أداء عالي.
00970599163031
