تحسين الصور

ملاحظة

انتقلت مجموعة الاهتمامات بالتجزئة من Dynamics 365 Commerce من Yammer إلى Viva Engage. إذا لم يكن لديك حق الوصول إلى مجتمع Viva Engage الجديد، فاملأ هذا النموذج (https://aka.ms/JoinD365commerceVivaEngageCommunity) لإضافته والبقاء على اطلاع دائم بأحدث المناقشات.

تشرح هذه المقالة كيف يمكنك المساعدة في تحسين أداء موقع الويب عن طريق تحسين استخدام الصور في Microsoft Dynamics 365 Commerce أثناء عملية الترقية أو التشغيل المباشر.

ينطبق على

تنطبق هذه المقالة على التكوينات التالية:

• الإصدار: 10.0.16 من Commerce والإصدارات الأحدث
• المكون: متاجرة الأعمال إلى المستهلك (B2C) أو متاجرة عمل-عمل (B2B)
• منطقة الميزة: أداء موقع Commerce

المتطلبات الأساسية

قم بتثبيت Dynamics 365 Commerce مجموعة أدوات تطوير البرامج عبر الإنترنت (SDK). لمزيد من المعلومات، راجع تثبيت SDK عبر الإنترنت.

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

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

1. استخدم أوراق الأنماط المتتالية (CSS) لإنشاء صور لعناصر مثل الأزرار كلما أمكن ذلك.

2. قم بتحميل صور منتجات أو تسويق عالية الجودة وعالية الدقة إلى مكتبة وسائط منشئ موقع التجارة. يقوم معالج تغيير حجم الصور بتغيير حجم الصور تلقائيًا أثناء عملية التصيير.

3. قم بتضمين خصائص العرض والارتفاع لكل صورة:

   1. لكل وحدة نمطية تستخدم الصور، افتح الملف theme.settings.json في الدليل /src/settings في موقع تثبيت SDK.
   2. اعثر على الوحدة النمطية التي تريد تحديثها.
   3. تأكد من أن خصائص الصورة تتضمن معلمات العرض والارتفاع. وللحصول على المزيد من المعلومات، راجع تكوين إعدادات النسق.

4. تعطيل التحميل البطيء للصور:

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

تحقق من الصحة

استخدم الأسلوب التالي للتحقق من أن استخدام الصورة محسن.

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

الموارد الإضافية

أفضل الممارسات لتطوير Dynamics 365 Commerce