5 خطوات لتسريع تحميل الصور على موقعك الالكتروني

الصور هي عنصر أساسي في كل موقع فالصور تشكل أكثر من 60٪ من البيانات المحملة على صفحات الويب.

و نظرًا لكونه عنصرًا بالغ الأهمية في جميع مواقع الويب تقريبًا، سواء كانت التجارة الإلكترونية أو الأخبار أو مواقع الموضة أو المدونات أو بوابات السفر، فإن تحسين

الصور أمر مهم، إذا كنت تبحث عن تسريع موقع الويب الثقيل الخاص بالصورة .

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

1.  تغيير حجم الصور الخاصة بك يسرع تحميل الصور

قم بتغيير حجم صورك إلى ما هو مطلوب بالضبط على الموقع الإلكتروني الخاص بك.

أنا لا أتحدث عن تغيير الحجم باستخدام CSS أو في HTML. أنا أتحدث عن تغيير حجم الصورة على الخادم ثم إرسالها إلى المتصفح.

يمكن أن تكون صورة بحجم 200 × 300 بكسل على صفحة قائمة المنتجات و 800 × 1000 بكسل في صفحة تفاصيل المنتج.

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

بكثير من الصورة الأصلية.

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

2. تحسين  الصور الخاصة بك يسرع تحميل الصور

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

تنسيقات JPG و PNG و GIF هي أكثر تنسيقات الصور شيوعًا المستخدمة حاليًا على الويب وكل منها مناسب لحالات الاستخدام المختلفة.

هناك تنسيق آخر جديد نسبيًا للصور يسمى WebP يجمع بين أفضل تنسيقات الصور هذه، وهو أصغر حجمًا بنسبة 30٪ وهو مدعوم في 75٪ تقريبًا من المتصفحات

الحديثة. جودة الصورة ببساطة هي مقياس لكيفية ظهور الصورة بصريًا.

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

3. بناء للهواتف المحمولة

في عالم اليوم إذا كنت جادًا في إدارة المواقع الإلكترونية، فإن تجاهل مستخدمي الهواتف المحمولة يعد أمر خاطئ.

تشير البيانات إلى أن ما يقرب من 60٪ من حركة المرور العالمية تنشأ من الأجهزة المحمولة.

ونعم في حين أن الهواتف المحمولة أصبحت قوية  تشير البيانات إلى أن سرعات بيانات الهاتف المحمول لا تزال أبطأ بكثير من سرعات النطاق العريض.

هناك بلدان أو مناطق داخل البلدان حيث يكون اتصال بيانات الهاتف المحمول غير مستقر.

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

باستخدام علامات الصور المتجاوبة ، باستخدام سمات \”srcset\” و \”الأحجام\” لعلامة img ، يمكنك تزويد المتصفح بقائمة من المتغيرات لصورة واحدة وتعريف

لحجم الصورة النسبي على الشاشات المختلفة.

ثم يقرر المتصفح أفضل حجم للصورة للتحميل على جهاز معين من القائمة المتاحة بناءً على أبعاد الجهاز والتخطيط الذي تحدده.

توفر السمة \”sizes\” معلومات حول تنسيق الصورة ، بينما تعطي السمة \”srcset\” قائمة الصور بالعرض الفعلي المحدد مقابل كل عنوان URL.

هناك عامل آخر يظهر في الصورة مع الأجهزة المحمولة وهو نسبة بكسل للجهاز أو قيمة DPR.

تحتوي الهواتف المحمولة الحديثة على شاشات عالية الكثافة تحزم المزيد من البكسلات في نفس البوصة المربعة.

4. تحميل  موارد أقل يسرع تحميل الصور

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

على سبيل المثال بدلاً من تحميل الصور، يمكنك إنشاء أزرار وتدرجات وعناصر متقدمة أخرى باستخدام CSS.

الأسلوب الآخر الأكثر أهمية الذي يمكنك استخدامه هو التحميل البطيء لصورك.

 يعني التحميل البطيء أساسًا أننا نؤجل تحميل الصور غير المطلوبة على الفور.

عادةً يمكن تحميل أي صورة غير مرئية للمستخدم على شاشته أو منفذ العرض في وقت لاحق.

5. استخدم CDN جيد لتسليم الصور

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

تحميلها بسرعة.

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

سيساعدك أيضًا في الحصول على مرتبة أعلى في محركات البحث.

شبكات توصيل المحتوى أو شبكات توصيل المحتوى هي مجموعة من خوادم التخزين المؤقت / الوكيل الموزعة عالميًا.

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

أعلى في نتائج البحث.

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