تحسين الصور لمواقع النشر الكلاسيكية في SharePoint

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

ملاحظة

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

استخدام القوالب لتسريع تحميل الصور

يحتوي sprite للصور على العديد من الصور الأصغر. باستخدام CSS، يمكنك تحديد جزء من الصورة المركبة لعرضها على جزء معين من الصفحة مع تحديد الموضع المطلق. بشكل أساسي، يمكنك نقل صورة واحدة حول الصفحة بدلا من تحميل صور متعددة، وجعل جزء صغير من تلك الصورة مرئيا من خلال نافذة صغيرة حيث يتم عرض الجزء المطلوب من صورة sprite للمستخدم النهائي. يستخدم SharePoint القوالب لعرض الأيقونات المختلفة في ملف spcommon.png sprite.

ما هو مشمول هنا:

• ضغط الصور
• تحسين الصورة
• تسليمات صور SharePoint

يمكن أن يؤدي ذلك إلى زيادة الأداء لأنك تقوم بتنزيل صورة واحدة فقط بدلا من عدة صور ثم تخزين تلك الصورة مؤقتا وإعادة استخدامها. حتى إذا لم تظل الصورة مخزنة مؤقتا، من خلال وجود صورة واحدة بدلا من صور متعددة، فإن هذا الأسلوب يقلل من العدد الإجمالي لطلبات HTTP إلى الخادم، ما يقلل من أوقات تحميل الصفحة. هذا هو حقا شكل من أشكال تجميع الصور. هذه تقنية مفيدة إذا لم تتغير الصور في كثير من الأحيان، على سبيل المثال، الأيقونات، كما هو موضح في مثال SharePoint المقدم أعلاه. يمكنك معرفة كيفية استخدام الأساسيات ويب، وهو مشروع تابع لجهة خارجية ومفتوح المصدر ومستند إلى المجتمع لتحقيق ذلك بسهولة في Microsoft Visual Studio. لمزيد من المعلومات، راجع التصغير والتجميط في SharePoint.

استخدام ضغط الصور وتحسينها لتسريع تحميل الصفحة

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

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

تسريع تنزيلات الصفحات باستخدام تسليمات صور SharePoint

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

ملاحظة

تتوفر التسليمات ل SharePoint فقط عند تمكين النشر. يمكنك تمكين النشر ضمن إعدادات > إعدادات > الموقع إدارة ميزات > الموقع نشر SharePoint Server. لن يظهر الخيار بخلاف ذلك.

يعمل تغيير حجم الصورة عن طريق أخذ أصغر بعد تحدده، إما العرض أو الارتفاع، ثم تغيير حجم الصورة بحيث يتم تغيير حجم البعد الآخر تلقائيا استنادا إلى نسبة العرض إلى الارتفاع المؤمنة. بشكل افتراضي، سيتم قص الصورة من الوسط حسب الأبعاد المتبقية. على سبيل المثال، إذا قمت بتعريف تسليم بعرض 100 بكسل وارتفاع 50 بكسل وصورتك الأصلية بعرض 1000 بكسل وارتفاع 800 بكسل، فسيتم تغيير حجمها بحيث يكون بعد 800 بكسل الآن 50 بكسل ويتم قص البعد 1000 بكسل (الآن 62.5 بكسل) من وسط الصورة.

الخطوات بسيطة نسبيا ولكن لكي تستخدم الصور عمليات التسليم، يجب أن تكون عمليات التسليم على موقع SharePoint قبل إضافة الصور. بالإضافة إلى ذلك، تحتاج أيضا إلى تشغيل ميزات البنية الأساسية للنشر في SharePoint Server (مستوى مجموعة المواقع المشتركة) ونشر SharePoint Server (مستوى الموقع).

إضافة تسليم صورة لتسريع تحميل الصفحة

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

2. في مستعرض ويب، انتقل إلى موقع المستوى الأعلى لمجموعة المواقع المشتركة للنشر.

3. اختر أيقونة الإعدادات .

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

   يمكنك استخدام التسليمات الجاهزة أو اختيار تسليمات الصور لإنشاء تسليم جديد.

   

5. في صفحة تسليمات الصور ، اختر إضافة عنصر جديد.

   

6. في صفحة New Image Rendition ، في المربع Name ، أدخل اسما للتسليم.

7. في مربعي النصعرض وارتفاع، أدخل العرض والارتفاع، بالبكسل، للتسليم، ثم اختر حفظ.

   

الاقتصاص المخصص مع تسليمات الصور

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