تحسين الصور

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

ينطبق على

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

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

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

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

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

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

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

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

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

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

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

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

تحقق من الصحة

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

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

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

أفضل الممارسات من أجل Dynamics 365 Commerce التنمية